常用插件介绍:
html beautify(ctrl+shift+alt+f)
自动排版代码
Emmet
输入少量代码后摁Tab键,系统自动补全代码。
AutoFileName
快速列出你想引用的文件夹里面所有文件的名字。
BracketHighlighter
高亮显示[], (), {}, “”, ”, <tag></tag>符号,便于查看起始和结束标记
ColorPicker
调色板,需要输入颜色时,可直接选取颜色,打开调色板快捷键ctrl+shift+c。
如果这个快捷键打不开调色板,可能是快捷键被占用了
解决办法:Preferences→Key Bindings-User中配置:{ "keys": ["ctrl+shift+c"], "command": "color_pick"}
JsFormat
可以对压缩、空格、换行的js代码进行整理,使得js代码结构清晰,易于观看,右键选择jsFormat使用或Ctrl+Alt+F
DocBlockr
快速生成各种注释格式。
Sidebar Enhancements
增强侧栏文件右键功能
Alignment
对定义的变量进行智能对齐,一般是“=”号对齐,快捷键是Ctrl+Alt+A,如果不能使用,可能是与其它的快捷键有冲突,可以设置过。
CSS Format
可以将任意的 CSS、SASS、SCSS、LESS 代码格式化为展开、紧凑、压缩的形式。
选中需要格式化的样式代码,右键选中CSS Format,选择需要形成的格式即可。
Tag
Tag插件提供各种对Tag标签的操作,有些功能是自动执行,有些功能需要手动执行,功能入口 菜单栏Edit→Tag。
功能介绍:
根据/自动关闭HTML标签
标签自动缩进(或选中ctrl+alt+f)
删除标签和里面的内容
插入标签(对光标字符“ctrl+shift+,”生成标签)
删除标签里的属性,关闭标签,检查标签
Trailing spaces
可以检测和一键删除代码的空格,保存时自动删除多余空格,让代码更紧凑规范。
功能入口:Edit——》Trailing Spaces——》Delete
ConvertToUTF8
通过本插件,可以编辑并保存目前编码不被 Sublime Text 支持的文件,如 GB2312,GBK,BIG5,EUC-KR,EUC-JP 等。
可以通过 File→Set File Encoding to 菜单对文件编码进行手工转换。例如:打开一个 UTF-8 编码的文件,指定保存为 GBK。
HTML-CSS-JS Prettify
格式化HTML,CSS,Javascript和Json代码格式。
注:使用该插件,需要安装nodejs,而且要在Packages-Setting→HTML/CSS/JS Prettify→set node path中设置你node的安装路径。
使用过程:Tools→Command Palette(或者Ctrl+Shift+P),输入选择htmlprettify即可完成整个文档的格式化。
设置快捷键:Packages-Setting→HTML/CSS/JS Prettify→set keyboard shortcuts
Terminal
打开文件的终端,终端默认是CMD。
ctrl+shift+t 打开文件所在文件夹
ctrl+shift+alt+t 打开文件所在项目的根目录文件夹
右键open terminal here打开。
Keymaps
快速查找所有插件的快捷键
LiveStyle
LiveStyle是Chrome中提高开发效率的一款CSS编辑器插件。利用LiveStyle和Sublime Text3编辑器结合可实现可视化开发,一次配置,简单易用!,并且最近支持less,scss
你本地css文件可以和浏览器的css文件映射,同步到本地,但是必须在chrome上运行,chrome必须安装相应的插件
SublimeTmpl
创建常用文件初始模板,必须html,css,js模板