Sublime Text2插件配置

写在前面

改用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文件夹即可

Sublime Text2插件配置》上有1条评论

  1. 不锈钢网

    不错的文章,内容雷霆万钧.禁止此消息:nolinkok@163.com

    回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*

code