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
功能:侧边栏插件,让侧边栏功能更丰富。