18个Sublime Text必备插件

时间:2024-05-20 22:19:59

这是插件真正有用的时候(我们是plugin的忠实拥护者 )。

尽管SublimeText具有许多出色的功能 ,可以像其他任何工具一样帮助我们作为Web开发人员开展工作,但总会有改进余地

在继续之前,也许您想查看一下我们先前在SublimeText上发表的文章,以了解它在本机状态下可以做什么:

继续,在这篇文章中,我们整理了一些插件,您可能需要安装这些插件来填补SublimeText缺少的功能

1.

使用它,您可以轻松地安装,升级,删除和查看在SublimeText中安装的软件包或插件的列表。

在安装SublimeText之后,必须立即安装Package Control

18个Sublime Text必备插件

2.

这是我最常用的快捷方式之一,它可以节省时间:

简而言之, Emmet允许我们使用缩写/快捷方式更快地编写HTML和CSS,然后将其扩展为有效HTML标签。

((h4>a[rel=external])+p>img[width=500 height=320])*12

然后,我可以填写我的内容,而不必担心会弄乱格式。

它创建12个标题列表,后跟一个图像。

18个Sublime Text必备插件

3.

开发人员不必将所有棉短绒放在一个包装中,而只能选择并安装您经常使用的棉绒

SublimeLinter最近已针对SublimeText 3进行了重建和完善。新版本肯定具有一系列新功能。

18个Sublime Text必备插件

4.

18个Sublime Text必备插件

5.

您还可以提取软件包,将其复制到User文件夹中,以便可以安全地对其进行编辑。

使用PackageResourceViewer ,您可以轻松查看和编辑SublimeText产生的软件包。

18个Sublime Text必备插件

6.

该插件将SublimeText与Git集成在一起,因此您可以从SublimeText运行一些Git命令,例如“添加和提交文件”,“查看日志”和“注释文件”。

18个Sublime Text必备插件

7.

当您需要在给定文件夹中执行命令行时,它是一个非常有用的插件。

该插件使您可以直接从SublimeText在终端中打开项目文件夹 -使用热键。

18个Sublime Text必备插件

8.

当您与一组开发人员一起工作时,这也很有用,每个开发人员都有自己的编写代码偏好。

如果您需要代码整洁且顺序正确,则此插件可让您自定义属性的顺序。

CSSComb是对CSS属性进行排序的插件。

18个Sublime Text必备插件

9.

要使用它,请突出显示CSS属性或HTML元素,它将带您进入CanIUse.com中的相应页面。

使用此插件,您可以检查浏览器是否支持CSS属性和正在使用HTML元素。

18个Sublime Text必备插件

10.

有关前后比较,请参见以下屏幕截图。

对齐使您可以对齐包括PHP,JavaScript和CSS在内的代码,从而使其更简洁,更易读。

18个Sublime Text必备插件

11.

此插件可帮助您删除不必要的空格和尾随空格,这可能会导致JavaScript中出现一些错误。

18个Sublime Text必备插件

12.

使用此插件,您可以使用操作系统中的本机色轮选择颜色并将其添加到SublimeText。

18个Sublime Text必备插件

13.

此插件可用于为SublimeText中的Markdown提供适当的颜色突出显示,从而提供更好的支持。

即使SublimeText能够查看和编辑Markdown文件,它仍将其视为格式很差的纯文本。

18个Sublime Text必备插件

14.

您可以将文件与剪贴板中的复制数据,项目中的文件,当前打开的文件以及已保存和未保存的文件进行比较。

FileDiffs允许您查看SublimeText中两个文件之间的差异。

18个Sublime Text必备插件

15.

DocBlokr使您可以通过解析函数,参数,变量并自动添加一些可能的文档来轻松地为代码创建文档或注释(请参见下面的屏幕截图)。

18个Sublime Text必备插件

16.自定义主题

下面是几个很棒的自定义主题,这些主题赋予SublimeText不同的外观,可能会更好。

信不信由你,拥有不同的主题可以激发您的创造力和想法。

18个Sublime Text必备插件
18个Sublime Text必备插件
18个Sublime Text必备插件

17.片段

这里只是其中一些:

虽然您还可以创建自己的代码片段集,但是有几个片段包可立即使用。

片段可以通过重用代码来帮助您更快地编写代码。

  • 基础 -用于构建Foundation 5框架组件(如按钮,选项卡和导航)的代码片段的集合。
  • Bootstrap 3 –如果您喜欢Bootstrap ,请尝试此操作。
  • Bootstrap 3 for Jade –该插件将Bootstrap 3与Jade语法结合在一起
  • jQuery Mobile –用于构建jQuery Mobile组件布局的代码片段集合。
  • HTML5 Boilerplate –此片段使您可以快速创建HTML5 Boilerplate文档

18.其他语法支持

它们包括LESS,Sass,SCSS,Stylus和Jade,因此,如果您使用的是这些语言,则这里是要安装的插件,以支持语法。

SublimeText不支持的语言可能无法以正确的语法突出显示。


翻译自: https://www.hongkiat.com/blog/sublime-text-plugins/