工欲善其事,必先利其器。好的插件会更多的帮助我们装逼。
最新感悟:也不要装太多的插件。有些无用的插件可以删除,有时反而臃肿。bloger下载官方最新稳定版st3 3126下载下来25M左右。安装十来个插件接近50M了。by cygnet 2016.11.08
1.Emmet (必装)
基本用法:输入标签简写形式,然后按Tab键
2.Sublime CodeIntel(必装)
使用说明:代码的自动提示
3.JS Format
基本用法:JS代码格式化插件。使用ctrl + alt + 进行格式化js
4.Sublime Prefixr
css3私有前缀自动补全插件
5.AutoFileName(必装)
使用说明:文件路径的自动提示
6. DocBlockr
使用说明:js文件的函数头部注释 /** 按下tab 自动生成函数头部注释
7.ConvertToUTF8(必装)
使用说明:自动转换为utf-8编码(避免中文乱码)
8.View In Browser
使用说明:在浏览器打开网页(可配置快捷键)个人喜好f5打开浏览器
配置:在preferences> key bindings > user { "keys": ["f5"], "command": "open_in_browser" }
9.sublime tmpl
使用说明:使用快捷键生成相应的模块
Ctrl + alt + h 新建html模板文件
Ctrl + alt + j 新建JavaScript模板文件
Ctrl + alt + c 新建css模板文件
10.Alignment 等号对齐
11.Bracket Hightlighter:匹配括号
12.CSScomb:这个是CSS的属性排序用的,完全属于个人强迫症需求,不过代码规范化还是完全有必要的
13.sublimeLinter(必装)
使用说明:代码检查。支持语言css,html,javascript.其他语言咱不关心
21: pretty JSON(强大,可以装)
setup step: 省略
des: json的操作
shortcut key: ctrl + alt + j 格式化 json 字符串
ctrl + alt + m 压缩 json 字符串
22: BufferScroll (高手必备)
setup step: 在install package 里面搜索不到。直接在网上下载拷贝到资源包里面
des: 保存折叠状态,这对于1个js文件包含几千行代码上百个API接口折叠起来非常好看,所以高手必备
shortcut key: ctrl + shift + [ 选中代码,按下快捷键,折叠代码。
ctrl + shift + ] 选中代码,按下快捷键,展开代码。