尽管SublimeText具有许多出色的功能 ,可以像其他任何工具一样帮助我们作为Web开发人员开展工作,但总会有改进的余地 。 这是插件真正有用的时候(我们是plugin的忠实拥护者 )。
在继续之前,也许您想查看一下我们以前在SublimeText上发表的文章,以了解它在本机状态下可以做什么:
继续,在这篇文章中,我们整理了一些插件,您可能需要安装这些插件来填补SublimeText缺少的功能 。
1.
在安装SublimeText之后,必须立即安装Package Control 。 使用它,您可以轻松地安装,升级,删除和查看在SublimeText中安装的软件包或插件的列表。
![包装控制](https://i-blog.csdnimg.cn/blog_migrate/777db8ec1d964fe1b29b6eb75d174f7e.png)
2.
简而言之, Emmet允许我们使用缩写/快捷方式更快地编写HTML和CSS,然后将其扩展为有效HTML标签。 这是我最常用的快捷方式之一,它节省了时间:
((h4>a[rel=external])+p>img[width=500 height=320])*12
它创建12个标题列表,后跟一个图像。 然后,我可以填写我的内容,而不必担心会弄乱格式。
![Emmet](https://i-blog.csdnimg.cn/blog_migrate/5f1431730df1213003cc9a84c593c4a0.png)
3.
SublimeLinter最近针对SublimeText 3进行了重建和完善。新版本肯定具有一系列新功能。 开发人员不必将所有棉短绒放在一个包装中,而只能选择并安装您经常使用的棉绒 。
![升华](https://i-blog.csdnimg.cn/blog_migrate/ce2e5784d5bd2a3eb4f2e3ba67822e25.png)
4.
![侧边栏增强](https://i-blog.csdnimg.cn/blog_migrate/0e8e4da44c0f8122aca2ef21118d5993.png)
5.
使用PackageResourceViewer ,您可以轻松查看和编辑SublimeText产生的软件包。 您还可以提取软件包,将其复制到用户文件夹中,以便可以安全地对其进行编辑。
![包资源查看器](https://i-blog.csdnimg.cn/blog_migrate/f3bd28ea87a38c183bcbd12f6539a706.png)
6.
该插件将SublimeText与Git集成在一起,因此您可以从SublimeText运行一些Git命令,例如“添加和提交文件”,“查看日志”和“注释文件”。
![吉特](https://i-blog.csdnimg.cn/blog_migrate/588f10b608054f3ec4c30569f04e9d5e.png)
7.
该插件使您可以直接从SublimeText在终端中打开项目文件夹 -使用热键。 当您需要在给定文件夹中执行命令行时,它是一个非常有用的插件。
![终奌站](https://i-blog.csdnimg.cn/blog_migrate/98e3b728dc091e254b47d5cbb8f651a5.png)
8.
CSSComb是对CSS属性进行排序的插件。 如果您需要代码整洁且顺序正确,则此插件可让您自定义属性的顺序。 当您与一组开发人员一起工作时,这也很有用,每个开发人员都有自己的编写代码偏好。
![csscomb](https://i-blog.csdnimg.cn/blog_migrate/a3b44c130f1b2e8bff100c853f1a4c9f.png)
9.
使用此插件,您可以检查浏览器是否支持CSS属性和正在使用HTML元素。 要使用它,请突出显示CSS属性或HTML元素,它将带您进入CanIUse.com中的相应页面。
![我可以用吗](https://i-blog.csdnimg.cn/blog_migrate/178b31ae9519e23eef5e330d8181ba19.png)
10.
对齐使您可以对齐包括PHP,JavaScript和CSS在内的代码,从而使其更简洁,更易读。 有关前后比较,请参见以下屏幕截图。
![对准](https://i-blog.csdnimg.cn/blog_migrate/43c1b914c3c32fb8371cf20b4c60d32b.png)
11.
此插件可帮助您删除不必要的空格和尾随空格,这可能会导致JavaScript中出现一些错误。
![微调](https://i-blog.csdnimg.cn/blog_migrate/8c6ed8233e75cf6fafbbdc6211e9a5ee.png)
12.
使用此插件,您可以使用操作系统中的本机色轮选择颜色并将其添加到SublimeText。
![选色器](https://i-blog.csdnimg.cn/blog_migrate/827da0891bb7932f580c1bcd9ff82b1f.png)
13.
即使SublimeText能够查看和编辑Markdown文件,它仍将其视为格式很差的纯文本。 此插件可用于为SublimeText中的Markdown提供适当的颜色突出显示,从而提供更好的支持。
![降价编辑](https://i-blog.csdnimg.cn/blog_migrate/5e42a26b3df4dd59b8fccd391cd0d201.png)
14.
FileDiffs允许您查看SublimeText中两个文件之间的差异。 您可以将文件与剪贴板中复制的数据,项目中的文件,当前打开的文件以及已保存和未保存的文件进行比较。
![文件差异](https://i-blog.csdnimg.cn/blog_migrate/2aa66d592bf40a9efacfb598a437066f.png)
15.
DocBlokr使您可以通过解析函数,参数,变量并自动添加一些可能的文档来轻松地为代码创建文档或注释(请参见下面的屏幕截图)。
![docblockr](https://i-blog.csdnimg.cn/blog_migrate/c890b5950e5706d607dab7d2c70a4f42.png)
16.自定义主题
信不信由你,拥有不同的主题可以激发你的创造力和想法。 以下是几个很棒的自定义主题,这些主题赋予SublimeText不同的外观,可能会更好。
![灰色空间](https://i-blog.csdnimg.cn/blog_migrate/5dfa31e3fc003a85d205c178f6c93fa7.png)
![百夫长](https://i-blog.csdnimg.cn/blog_migrate/8e4d4f7717bab03a0bba9447a6e5edbf.png)
![苏打](https://i-blog.csdnimg.cn/blog_migrate/2cb9668045d1b66f2d418d1c7caea802.png)
17.片段
片段可以通过重用代码段来帮助您更快地编写代码。 虽然您还可以创建自己的代码片段集,但是有几个片段包可以立即使用。 这里只是其中一些:
- 基础 –用于构建Foundation 5框架组件(如按钮,选项卡和导航)的代码片段的集合。
- Bootstrap 3 –如果您更喜欢Bootstrap ,请尝试此操作。
- Bootstrap 3 for Jade –该插件将Bootstrap 3与Jade语法结合在一起。
- jQuery Mobile –用于构建jQuery Mobile组件和布局的代码片段集合。
- HTML5 Boilerplate –此代码段使您可以快速创建HTML5 Boilerplate文档 。
18.附加语法支持
SublimeText不支持的语言可能无法以正确的语法突出显示。 它们包括LESS,Sass,SCSS,Stylus和Jade,因此,如果您使用的是这些语言,则这里是要安装的插件,以支持语法。