Sublime text3 常用插件

1、Emmet(前端必备神器)

  说明:Emmet作为zen coding的升级版,对于前端来说,可是必备插件,如果你对它还不太熟悉,可以在其官网(http://docs.emmet.io/)学习具体使用方式。

2、JSFormat

  功能:JavaScript 的代码格式化插件

  说明:对于压缩的 js 文件,混乱不堪入目,这个插件可以帮我们把原始代码整理,包括换行和缩进等功能。

  使用方法:在已压缩的JS文件中,右键选择jsFormat或者使用默认快捷键(Ctrl+Alt+F)

3、LESS

  功能:LESS 高亮插件

  说明:可以让 sublime 支持 less 的语法,高亮显示

  使用方法:打开 .less 文件或者设置为 less 格式

4、LESS2CSS

  功能:编译 Less

  说明:监测到文件改动时,编译保存为 .css 文件

  使用方法:打开.less文件,编写代码保存即可看到同时生成.css的文件

5、Alignment

  功能: “=” 对齐

  说明:定义的变量太多,参差不齐,可以使用一键对齐

  使用方法:默认快捷键Ctrl+Alt+A,如果和其他快捷键冲突,可设置其他快捷键如:Ctrl+Shift+Alt+A;先选择要对齐的文本

6、SublimeLinter

  功能:代码校验插件

  说明:支持HTML、CSS、JS、PHP、Java、C++ 等16种语言;

7、BracketHighlighter

  功能:括号高亮匹配,代码匹配

  说明:在选择一个括号的时候,会自动匹配到另外一半括号,可匹配[], (), {}, “”, ”, <tag></tag>,高亮标记,便于查看起始和结束标记

8、sublime-autoprefixer

  功能:CSS添加私有前缀

  说明:各大浏览器一个前缀以解决兼容问题的问题,可以使用这个插件

9、Git

  功能:git 管理

  说明:插件基本上实现了git的所有功能

  使用方法:可以参考 https://github.com/kemayo/sublime-text-git/wiki 这里进行学习和使用

10、JQuery

  功能:jQuery函数提示

  说明:可以快捷的输入 jQuery的函数,有提示功能

11、DocBlockr

  功能:生成优美注释

  说明:可以生成标准的注释,包括函数名、参数、返回值等,并以多行显示

  使用:输入/*、/**然后回车,更多的用法,请参照  https://sublime.wbond.net/packages/DocBlockr

12、ColorPicker

  功能:调色板

  说明:需要给定颜色时候,可以选择指定的颜色

  使用方法:Windows快捷键:  ctrl+shift+c

13、ConvertToUTF8

  功能:文件转码成utf-8

  说明:可以编辑并保存目前编码不被 Sublime Text 支持的文件

14、AutoFileName

  功能:输入文件名

  说明:自动完成文件名的输入

  使用方法:输入“/” 即可看到相对于本项目文件夹的其他文件

15、Nodejs

  功能:node 代码提示

  使用方法:具体的使用方法可以参考这里:https://sublime.wbond.net/packages/Nodejs

16、AngularJS

  功能: AngularJS 提示功能

  说明:可以在编写代码的时候有 angularJs 的提示

17、Trailing spaces

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

  说明:可以让你的代码删除多余空格,一键删除空格,让代码规范更清爽

  使用方法:一键删除多余空格:CTRL+SHITF+T(需配置),更多配置请点击标题。快捷键配置:在Preferences / Key Bindings – User加上代                         码(数组内)

18、GBK Encoding Support

  功能:中文识别

  说明; 安装本插件可以识别中文的文档,不会出现乱码,

19、Pretty JSON

  功能:JSON代码格式化

  说明:可以让代码中的 json 数据更加规范

20、MarkdownEditing

  功能:编辑markdown时高亮显示

  说明:可以设置 markdown 的显示样式外观 

21、Markdown Preview

  功能:在浏览器中预览生成的 Html文件

  使用方法:为浏览器绑定快捷键 打开Preference –> Key Bindings-User,在打开的文件中添加如下内容 

  {“keys”: [“alt+f11”], “command”: “markdown_preview”, “args”: { “target”: “browser”}} 

       所有设置完成后,编辑md文件后按相应的热键,直接在指定的浏览器中预览

22、SublimeCodelntel

  功能:代码提示插件。

23、SidebarEnhancements

  功能:侧边栏插件,让侧边栏功能更丰富。

原文地址:https://www.cnblogs.com/niujifei/p/10948523.html