跳到主要内容

Sublime Text2插件配置

要想Sublime用起来顺手必须得借助插件,但很多插件需要自行配置,本文给出插件配置文件包,下载后直接替换即可

免费2015-06-16#Tool#Sublime Text2插件#Sublime Text#Sublime Text2插件配置#sublime

试读

###写在前面

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

评论

暂无评论

提交评论