写在前面
改用Sublime有2星期了,最初没有插件,然后装了一堆插件,现在只留下了最好用的几个插件,有的插件需要手动配置,也都配置好了
一.声明
笔者习惯把各种软件装在D盘Program Files,包括Firefox、NodeJS等等,因为有些插件需要配置node.exe等文件的路径,所以安装路径与笔者不同的朋友可能需要手动修改路径
笔者喜欢绿色的注释,讨厌默认的灰色,并且把Sublime当前tab页标题改成了红色,目前项目组要求统一使用单引号,如果不喜欢这些偏好,请自行想办法改回来
一些快捷键设置也是个人偏好,用的不爽请自行修改,后面会给出常用快捷键列表
二.好用的插件
Better Completion
代码提示、代码补全(自动完成)功能非常强大,支持各种语言,js、css、grunt配置文件语法、PHP甚至SQL
BracketHighlighter
高亮显示括号对儿,默认的下划线确实不容易看,有了这个就好了
Colorcoder
颜色更鲜明的代码块,让黑白代码块颜色更丰富,看得更清楚
CSS Format
展开/缩紧css代码,写大篇幅css时候比较好用
CSScomb
功能很强大,能够整理css规则的顺序,比如把宽高、颜色、边距规则用空行分隔开,方便修改还能防止样式重复
缺点是脾气比较怪,必须是css后缀文件,而且文件路径不能有中文(文件名可以是中文),否则报错提示Unicode Error或者node路径设置不对,不管怎么改都没有用
CSSLint
能检查CSS错误,提示重复什么的,主要配合SublimeLinter使用,SublimeLinter将在后面介绍,一个非常好用的东西
DocBlockr
文档注释生成工具,笔者就是奔着这个来的,note pad++竟然没有生成js注释的插件,弃之
Emmet
最强大的的插件之一,手速不够快,码得慢?不要紧,我们有缩略语,30字/分钟也能码得飞快
GBK Encoding Support
必备的插件,如果打开某个txt发现中文乱码,用这个就对了
HTML-CSS-JS Prettify
主要用来格式化HTML,支持的Sublime2的格式化HTML插件不多,这个算是比较好用的
JsFormat
用来格式化js代码,不常用,主要用来读别人代码,看到不爽的代码风格赶紧格式化了去
JSHint
能检查js错误,配合SublimeLinter使用,能提示js语法错误的轻量级编辑器,盼了很久了
不推荐jslint插件,总报一些无关紧要的错误,配置还不好改
注意,只单独装这个是没有用的,需要nodejs和jshint,jshint的安装方法是npm install jshint -g
Package Control
必备,管理插件超方便,在线下载立即安装重启生效,好用
SublimeLinter
最强大的的插件之一,还在羡慕eclipse和vs里的红色波浪线错误提示?有了这个,轻松报错
View In Browser
用来弥补Sublime不能run html的缺陷,默认快捷键Ctrl + Alt + 浏览器首字母缩写,比如C ~ Chrome、F ~ Firefox、I ~ IE
三.常用快捷键
Alt + X:在默认浏览器(Chrome)中打开html
Ctrl + Shift + J:执行jshint
Ctrl + S:保存文件并执行SublimeLinter检查错误,错误处会有白边框起来,并会popup显示错误列表
Ctrl + Shift + C:执行CSS Comb重新排列css样式
/** + Enter:生成js注释(API文档注释,风格类似于JSDOC)
Ctrl + E:执行Emmet,展开缩略式
其它:选中代码,右键选择需要执行的插件
四.配置包下载
百度网盘:点我下载
下载解压到Sublime插件安装路径,覆盖原package文件夹即可
不错的文章,内容雷霆万钧.禁止此消息:nolinkok@163.com