sublime text的一些插件

http://naotu.baidu.com/file/57a3154312a7c7a444353202a4e06cd2

Package Control

作为安装 Sublime Text 插件的必备利器，Package Control 是这款编辑器的标配，可以方便开发人员快速安装需要的插件。

5. AllAutocomplete

Sublime Text 默认的 Autocomplete 功能只考虑当前的文件，而 AllAutocomplete 插件会搜索所有打开的文件来寻找匹配的提示词。

8. ColorPicker

通常，如果你想使用一个颜色选择器则可能打开 Photoshop 或 GIMP。而在 Sublime Text 中，你可以使用内置的颜色选择器。安装完成后，只要按下Ctrl / Cmd + Shift + C 快捷键。

9. MarkdownPreview

虽然许多开发人员更喜欢在云端（GitHub Gists，StackEdit，Markable）创建 Markdown 文件 。不过另外一些喜欢在本地编写 Markdown 文件的开发者， MarkdownPreview 很有用，可以预览文件，还有颜色高亮显示。

10. DocBlockr

如果你遵循的编码的风格很严格，这款插件能够使你的任务更容易。DocBlokr 帮助你创造你的代码注释，通过解析功能，参数，变量，并且自动添加基本项目。

PHP100还有一些其他的插件和工具整理为你推荐：《10款提高iOS开发效率的XCode插件》《jQuery/CSS3经典按钮系列插件》《HTML5规范下的5个开发工具推荐》《6个好用的Web开发工具 》，希望可以帮到你。

 

1、Emmet

概括地说，Emmet（译者注：前身就是以前大名鼎鼎的Zen Coding，这个如果你没听说和使用过，就悲哀了）是一个可以让你更快更高效地编写HTML和CSS，节省你大量时间的插件。怎么使用？你只需按约定的缩写形式书写而不用写整个代码，然后按“扩展”键，这些缩写就会自动扩展为对应的代码内容。 比如，你只需要输入((h4>a[rel=external])+p>img[width=500 height=320])*12 ，然后它会被扩展转换成12个列表项和紧随其后的图像。然后你就可以在此基础上再填写内容，就这么简单。

2、CSSComb

可以安装完之后按住ctrl+alt+c就可以格式化css文件了。

3、js formatter

这个工具可以格式化你的js文件，使之看起来更加舒服，快捷键：ctrl+alt+f，这个很容易记成是ctrl+shift+f，会改变输入法的繁体和简体切换，只需再按一次就可以了。

4、SublimeCodeIntel

这个插件支持以下语言的自动提示功能：PHP, Python, RHTML, JavaScript, Smarty, Mason, Node.js, XBL, Tcl, HTML, HTML5, TemplateToolkit, XUL, Django, Perl, Ruby, Python3.
5、

2. 推荐安装的插件列表

易用性：
ChineseLocalization ， 完全汉化插件
Monokai Extended 主题，推荐使用
HTML5，HTML5标签拓展
Js​Format，javascript格式化
CSS Format，CSS格式化
Tag，HTML格式化
Brackethighlighter，标签对标记
Side​Bar​Enhancements ，增强型侧边栏
BufferScroll，代码折叠状态保留
StyleToken , 标记颜色代码

功能：
Emmet，前端神器
TortoiseSVN，SVN你懂的
Quote​HTML，把HTML拼接成js插入字符串，神器
Clipboard Manager，增强型剪贴板，可访问历史剪贴板记录
FileHeader，文件模板 , 可自动更新修改时间
AutoPrefixer，浏览器私有属性前缀补全 (Node.js依赖)
ColorConvert，RGBA颜色转换，十六进制颜色转换为RGBA颜色
Better Completion，全能代码提示
LiveStyle，双向更改无刷新实时预览 , 包含chrome插件 Emmet LiveStyle
SFTP , 需要激活 ，看这里 http://mooring.iteye.com/blog/2067269
jQuery，jQuery 代码提示（Better Completion已可替代此插件）
*Sass以及SASS Build，使用Sass必备，ctrl+b执行编译
*yui compressor，JS和CSS压缩 (JRE依赖)，ctrl+b执行编译

推荐使用前端自动化工具（相对成熟的Grunt，以及后起之秀 Gulp ，还有百度 FIE），以上两个星标插件都可被自动化工具所取代。

Gulp教程移步这里：Gulp 自动化你的前端

其他：
ConvertToUTF8，GBK编码兼容
IMESupport，输入法不跟随时安装
TrailingSpaces，多余空格标记，强迫症患者福音
Hasher，符号转义，ctrl+shift+p 选择 Entity Encode
PackageResourceViewer，插件修改必备，ctrl+shift+p 调用 Open Resource

3. 调教开始（请安装 PackageResourceViewer 插件

1) 基础用户设置：

工具栏 Preferences – Settings-User 加入下面的代码：

基础用户设置

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

"trim_trailing_white_space_on_save": true, "ensure_newline_at_eof_on_save": true, "font_face": "Microsoft YaHei Mono", "disable_tab_abbreviations": true, "translate_tabs_to_spaces": true, "tab_size": 2, "draw_minimap_border": true, "save_on_focus_lost": true, "highlight_line": true, "word_wrap": "true", "fade_fold_buttons": false, "bold_folder_labels": true, "highlight_modified_tabs": true, "default_line_ending": "unix", "auto_find_in_selection": true

trim_trailing_white_space_on_save，自动移除行尾多余空格，处女座更安心了。

ensure_newline_at_eof_on_save，文件末尾自动保留一个空行，懂的人自然知道它的用处。

font_face 设置字体。Microsoft YaHei Mono 是一款混合字体，专为代码优化，看起来很舒服。当然你也可以使用你自己喜欢的字体，或者删掉本行，使用默认字体。

disable_tab_abbreviations 设置为 true ，禁用 Emmet 的 tab 键功能（请使用 ctrl+e），系统自带的 tab 功能还是可圈可点的。当然你也可以不设置它，以完全使用 Emmet 的 tab 补全功能。

translate_tabs_to_spaces 很明白就是把代码 tab 对齐转换为空格对齐，tab_size 配合设置空格数。这个需求因人而异了，不喜欢可以去掉。

draw_minimap_border，用于右侧代码预览时给所在区域加上边框，方便识别。

save_on_focus_lost，窗口失焦立即保存文件，嘛嘛再也不用担心你忘记保存了。

highlight_line，当前行高亮。word_wrap，设置自动换行。

fade_fold_buttons，默认显示行号右侧的代码段闭合展开三角号。

bold_folder_labels，侧边栏文件夹显示加粗，区别于文件。

highlight_modified_tabs，高亮未保存文件。

default_line_ending: “unix”, 使用 unix 风格的换行符。

auto_find_in_selection: true ，开启选中范围内搜索（而不是整个文档

Microsoft YaHei Mono 字体下载，链接: http://pan.baidu.com/s/1mgnAyBA  密码: q5wd