Package control 插件管理

sublime text非常强大的插件管理的插件,按下Ctrl+Shift+P,输Package control就可以选择插件的安装、管理、删除等操作,这是Sublime Text的精髓,必备。

重启sublime text 3即可生效。

Emmet html/CSS快速编辑(原名Zen Coding)

Zen Coding估计大家都不会陌生,前不久改名为Emmet了,虽然用Emmet编辑html很快,但是要用好用快它需要付出不小的学习成本,学习的曲线有点陡峭,以至于让新手好奇而畏惧,我看看热闹就行了,感觉编辑得再快思维跟不上也是白搭,对我来说sublime text 3自带的代码提示够用了。网上有很多教学视频,有兴趣学习的可以去了解下。

sublimeplug10

插件下载:https://github.com/sergeche/emmet-sublime

TrailingSpacer 高亮显示多余的空格和Tab

有时候在代码结尾打多了几个空格或Tab,一般不会察觉,TrailingSpacer这款插件能高亮显示多余的空格和Tab,并可以一键删除它们,有代码洁癖的朋友应该会喜欢这个插件。

sublimeplug2

插件下载:https://github.com/SublimeText/TrailingSpaces

设置“删除多余空格”的快捷键,打开 "Preferences / Key Bindings - User" 添加:

{ "keys": ["ctrl+shift+t"], "command": "delete_trailing_spaces" }

Alignment 等号对齐

按Ctrl+Alt+A,可以将凌乱的代码以等号为准左右对其,适合有代码洁癖的朋友。

sublimeplug4

插件下载:https://github.com/kevinsperrine/sublime_alignment/tree/python3

CSScomb CSS属性排序

有时候看看自己写的CSS文件,会不会觉得属性很乱查找不易维护难?CSScomb可以按照一定的CSS属性排序规则,将杂乱无章的CSS属性进行重新排序。选中要排序的CSS代码,按Ctrl+Shift+C,即可对CSS属性重新排序了,代码从此简洁有序易维护,如果不款选代码则插件将排序文件中所有的CSS属性。当然,可以自己自定义CSS属性排序规则,打开插件目录里的CSScomb.sublime-settings文件,更改里面的CSS属性顺序就行了。因为这个插件使用PHP写的,要使他工作需要在环境变量中添加PHP的路径,具体请看github上的说明。

sublimeplug8

插件下载:https://github.com/csscomb/CSScomb-for-Sublime

JsFormat javascript格式化

有时从网上扒了人家的js代码来学习学习,打开发现被压缩了,这时就可以用JsFormat插件格式化js代码,恢复未压缩时候的排版,挺给力的。按快捷键Ctrl+Alt+F即可格式化当前的js文件了。

插件下载:https://github.com/jdc0589/JsFormat

javascript-API-Completions

支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件,是少数支持sublime text 3的后缀提示的插件,HTML5标签提示sublime text 3自带,不过JQuery提示还是很有用处的,也可设置要提示的语言。

sublimeplug12

插件下载:https://github.com/Pleasurazy/Sublime-JavaScript-API-Completions

SublimeTmpl 快速生成文件模板

一直都很奇怪为什么sublime text 3没有新建文件模板的功能,像html头部的DTD声明每次都要复制粘贴。用SublimeTmpl这款插件终于可以解脱了,SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板,所有的文件模板都在插件目录的templates文件夹里,可以自定义编辑文件模板。

SublimeTmpl默认的快捷键

ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php
ctrl+alt+r ruby
ctrl+alt+shift+p python

如果想要新建其他类型的文件模板的话,先自定义文件模板方在templates文件夹里,再分别打开Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings这四个文件照着里面的格式自定义想要新建的类型,这里就详细介绍了,请各位自己折腾哈~

插件下载:https://github.com/kairyou/SublimeTmpl

BracketHighlighter 高亮显示匹配的括号、引号和标签

BracketHighlighter这个插件能在左侧高亮显示匹配的括号、引号和标签,能匹配的 [], (), {}, "", '', 等甚至是自定义的标签,当看到密密麻麻的代码分不清标签之间包容嵌套的关系时,这款插件就能很好地帮你理清楚代码结构,快速定位括号,引号和标签内的范围。插件下载:https://github.com/facelessuser/BracketHighlighter/tree/BH2ST3

Clipboard-history 粘贴板历史记录

有了这个插件,便可方便使用sublime text 3里的粘贴板历史记录内容,快捷键Ctrl+Shift+V可调出该历史记录面板,按方向键选择想要粘贴的历史记录。不过这是sublime text 2下的插件,Ctrl+Shift+D清除粘贴板历史记录好像不能生效,不过重启sublime也可清除粘贴板的历史记录。此款不推荐。

sublimeplug3

插件下载:https://github.com/kemayo/sublime-text-2-clipboard-history

ConvertToUTF8 中文乱码解决方案

直接在package install 搜索安装即可。

AutoFileName 自动填充文件路径

直接在package install 搜索安装即可。

DocBlockr 快捷生成注释

直接在package install 搜索安装即可。 在需要注释的地方,输入/**后回车即可自动生成注释。

Tag 自动HTML标签

直接在package install 搜索安装即可。

简单高效,错误会高亮提示,要标准化自己的标签必备。

MarkdownEditing 预览你的.md文件

直接在package install 搜索安装即可。

自动解析你的.md文件,可以预览大部分markdown语法。

LESS less语法高亮

直接在package install 搜索安装即可。

以上插件只是个人觉得好用,各位就择你所好而用之,细心的朋友也发现很多插件的快捷键重叠了,各位就依自己所好设置就行了。