Sublime Text 3 插件安装大集合(下)

 

更多软件下载请到：

淘宝地址：https://shop145710529.taobao.com

1、SublimeTmpl能新建文件模板

注：现在在线安装搜不到SublimeTmpl，只能找到SublimeLinter-pyyaml安装这个就行了

一直都很奇怪为什么sublime text 3没有新建文件模板的功能，像html头部的DTD声明每次都要复制粘贴。用SublimeTmpl这款插件终于可以解脱了，SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板，所有的文件模板都在插件目录的templates文件夹里，可以自定义编辑文件模板。

SublimeTmpl默认的快捷键

ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php
ctrl+alt+r ruby
ctrl+alt+shift+p python 

如果想要新建其他类型的文件模板的话，先自定义文件模板方在templates文件夹里，再分别打开Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings这四个文件照着里面的格式自定义想要新建的类型，这里就详细介绍了，请各位自己折腾哈~

2、 Trailing spaces高亮显示多余的空格和Tab

 

功能：检测并一键去除代码中多余的空格

简介：还在纠结代码中有多余的空格而显得代码不规范？或是有处女座情节？次插件帮你实现发现多余空格、一键删除空格、保存时自动删除多余空格，让你的代码规范清爽起来

使用：安装插件并重启，即可自动提示多余空格。一键删除多余空格：CTRL+SHITF+T（需配置），更多配置请点击标题。快捷键配置：在Preferences / Key Bindings – User加上代码（数组内）

 

3、Sublime​Code​Intel

 

 

Sublime​Code​Intel 是一个代码提示、补全插件，支持 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等语言，是 Sublime Text 自带代码提示功能的很好扩展。它还有一个功能就是跳转到变量、函数定义的地方，十分方便。

使用 Sublime​Code​Intel 之前你需要安装相应程序并把路径写入 ~/.codeintel/config 或project_root/.codeintel/config 中，ReadMe 中有详细的 说明，不再赘述。

十分不建议把 Sublime​Code​Intel 与其他单个语言的扩展 package 一同使用，虽然很多语言扩展 package 比 Sublime​Code​Intel 的代码提示功能要完善。如果需要一同使用，请在用户配置文件（菜单Preferences -> Package Settings -> Sublime​Code​Intel -> Settings - User 中加入下面的内容，并去掉要禁用的语言。

    "codeintel_enabled_languages":

    [

    "JavaScript", "Mason", "XBL", "XUL", "RHTML", "SCSS", "Python", "HTML","Ruby", "Python3", "XML", "Sass", "XSLT", "Django", "HTML5", "Perl", "CSS","Twig", "Less", "Smarty", "Node.js", "Tcl", "TemplateToolkit", "PHP"

    ],

    "codeintel_live_enabled_languages":

    [

    "JavaScript", "Mason", "XBL", "XUL", "RHTML", "SCSS", "Python", "HTML","Ruby", "Python3", "XML", "Sass", "XSLT", "Django", "HTML5", "Perl", "CSS","Twig", "Less", "Smarty", "Node.js", "Tcl", "TemplateToolkit", "PHP"

    ] 

4、代码排版插件HTML-CSS-JS Prettify

以前用的是什么TAG，CssComb和JSFormat，但是某一天发现这款集成prettify的插件后就一直没换过了,不要被插件的HTML迷惑，这是一款可以用于HTML，CSS，Javascript的集成排版插件，对html、css文件的美化不是非常满意，但还可以

Tips:安装完快捷键ctrl+shift+h 一键格式化代码

5、控制台呼出插件Terminal

用node，Grunt等等要调出控制台的娃知道的，简直神奇有木有，装上就能用。在Sublime中直接使用终端打开你的项目文件夹

Tips:快捷键 ctrl+shift+T呼出当前文件路径的控制台

 

6、CSScomb CSS属性排序

有时候看看自己写的CSS文件，会不会觉得属性很乱查找不易维护难？CSScomb可以按照一定的CSS属性排序规则，将杂乱无章的CSS属性进行重新排序。选中要排序的CSS代码，按Ctrl+Shift+C，即可对CSS属性重新排序了，代码从此简洁有序易维护，如果不款选代码则插件将排序文件中所有的CSS属性。当然，可以自己自定义CSS属性排序规则，打开插件目录里的CSScomb.sublime-settings文件，更改里面的CSS属性顺序就行了。因为这个插件使用PHP写的，要使他工作需要在环境变量中添加PHP的路径，具体请看github上的说明。

 

7、Autoprefixer插件

这是一款CSS3私有前缀自动补全插件该插件使用CanIUse资料库，能精准判断哪些属性需要什么前缀与CssComb插件一样，该插件也需要系统已安装Node.js环境

使用方法：在输入CSS3属性后（冒号前）按Tab键，如下图示

 

 

8、JSFormat

功能：Javascript的代码格式化插件

简介：很多网站的JS代码都进行了压缩，一行式的甚至混淆压缩，这让我们看起来很吃力。而这个插件能帮我们把原始代码进行格式的整理，包括换行和缩进等等，是代码一目了然，更快读懂~

使用：在已压缩的JS文件中，右键选择jsFormat或者使用默认快捷键（Ctrl+Alt+F）

9、sublime-autoprefixer

功能：CSS添加私有前缀

简介：CSS还未标准化，所以要给各大浏览器一个前缀以解决兼容问题

使用：Ctrl+Shift+P，选择autoprefixer即可。需要安装node.js。

其他设置如快捷键请参考：https://sublime.wbond.net/packages/Autoprefixer

10、Git

功能：git管理

简介：插件基本上实现了git的所有功能

使用：https://github.com/kemayo/sublime-text-git/wiki

11、jQuery

功能：jQ函数提示

简介：快捷输入jQ函数，是偷懒的好方法

12、Nodejs

 

功能：node代码提示

教程：https://sublime.wbond.net/packages/Nodejs

 

13、Sublimerge Pro

 

把要比对文件拖拉到Sublime Text中，再把要比对的两文件选取起来，再按鼠标右键选择「Sublimerge/Compare Select Files」，接着就会开始进行比对，当有差异时，则会将文字进行高亮，当有新增或删除的，也会在左边的行数列中显示，因此有了这个比对插件后，当下回在写网页时，忘了修改那些时，不妨可用这只插件来作辅助。

alt+shift+数字即可分为相应数字的屏幕，一个就是alt+shift+1

教程：https://www.sublimerge.com/sm3/?from2x

• 14、SideBarEnhancement 侧边栏增强插件
  必装插件，安装完该插件后，在侧边栏文件上右击即可看到效果

• 15、SideBarFolders 项目列表插件
  如果需要打开多个项目文件夹，切经常在多个项目之间切换工作空间，可以安装SideBarFolders插件，该插件在在菜单栏多出一个Folders选项，点击可查看所有项目文件夹

更多软件下载请到：

淘宝地址：https://shop145710529.taobao.com