Sublime Text 插件的安装和插件集合

Sublime Text 安装插件。

Sublime Text是有一个插件管理器的叫做Package Control在最新版本OSX客户端中安装特别方便在Tools选项卡中最后一项为Install Packages 选项，点击一下稍等3秒钟，就OK了，

而对于Window用户来说需要打开控制台快捷键ctrl + 然后在控制台里面根据你的Sublime Text版本粘贴下方对应的代码就行了

****Sublime Text 3:****

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by) 

****Sublime Text 2:****

import urllib2,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation') 

Package Control安装完成按Commit + Shift + P快捷键进入插件管理

插件管理器.jpg
输入 install 选择Package Control:Install Package选项进入安装插件
搜索插件.jpg
在这里输入你想要安装的插件名字回车安装就行了，在左下角会显示你安装的进度

官方安装教程直通车

Sublime Text 插件集合。

1. Emmet

功能：编码快捷键，前端必备
简介：Emmet作为zen coding的升级版，对于前端来说，可是必备插件，如果你对它还不太熟悉，可以在其官网（http://docs.emmet.io/）上看下具体的演示视频。
使用：教程-http://docs.emmet.io/cheat-sheet/、http://peters-playground.com/Emmet-Css-Snippets-for-Sublime-Text-2/

2. JSFormat

功能：Javascript的代码格式化插件
简介：很多网站的JS代码都进行了压缩，一行式的甚至混淆压缩，这让我们看起来很吃力。而这个插件能帮我们把原始代码进行格式的整理，包括换行和缩进等等，是代码一目了然，更快读懂~
使用：在已压缩的JS文件中，右键选择jsFormat或者使用默认快捷键（Ctrl+Alt+F）

3. Alignment

功能：”=”号对齐
简介：变量定义太多，长短不一，可一键对齐
使用：默认快捷键Ctrl+Alt+A和QQ截屏冲突，可设置其他快捷键如：Ctrl+Shift+Alt+A；先选择要对齐的文本

4. Sublime-Autoprefixer

功能：CSS添加私有前缀
简介：CSS还未标准化，所以要给各大浏览器一个前缀以解决兼容问题
使用：Ctrl+Shift+P，选择autoprefixer即可。需要安装node.js。
其他设置如快捷键请参考：https://sublime.wbond.net/packages/Autoprefixer

5. Clipboard History

功能：粘贴板历史记录
简介：方便使用复制/剪切的内容
使用：
• Ctrl+alt+v：显示历史记录
• Ctrl+alt+d：清空历史记录
• Ctrl+shift+v：粘贴上一条记录（最旧）
• Ctrl+shift+alt+v：粘贴下一条记录（最新）

6. Bracket Highlighter

功能：代码匹配
简介：可匹配[], (), {}, “”, ”, <tag></tag>，高亮标记，便于查看起始和结束标记
使用：点击对应代码即可

7. Git

功能：git管理
简介：插件基本上实现了git的所有功能
使用：https://github.com/kemayo/sublime-text-git/wiki

8. jQuery

功能：jQ函数提示
简介：快捷输入jQ函数，是偷懒的好方法

9. DocBlockr

功能：生成优美注释
简介：标准的注释，包括函数名、参数、返回值等，并以多行显示，手动写比较麻烦
使用：输入/、/*然后回车，还有很多用法，请参照
https://sublime.wbond.net/packages/DocBlockr

10. Color Picker

功能：调色板
简介：需要输入颜色时，可直接选取颜色
使用：快捷键Windows: ctrl+shift+c

Updata 2017-08-02
一、文档编码，程序语言环境支持
文档编码ConvertToUTF8

二、文档美化(语法高亮，代码缩进，标签操作，文档格式化)

格式化HTML/CSS/JS代码Sublime-HTMLPrettify
*CSS格式化CSS Format
格式化JS代码JsFormat
*JS保存时自动格式化代码StandardFormat
高亮html标签、匹配括号、引号BracketHighlighter
颜色代码对应色彩显示ColorHighlighter
标签操作Tag
删除空白字符TrailingSpaces
删除空行DeleteBlankLines
扩展范围选择ExpandRegion

三、语法检测，代码测试
语法及风格校验框架SublimeLinter3
JS语法及风格校验SublimeLinter-jshintNode.js & npm
npm install -g jshint / npm install -g csslint
在项目创建.jshintrc文件配制各种规则{“eqeqeq”:true,”curly”:true}
http://jshint.com/

CSS语法及风格校验SublimeLinter-csslint
*测试HTTP请求SublimeHttpRequester

四、代码智能提示、补全与响应，代码模板
HTML/CSS代码快速编写Emmet
*双向编辑样式 LiveStyle
代码智能提示补全Sublime​Code​Intel
注释编辑Doc​Blockr
HTML拼接成JS插入字符串QuoteHTML
较全的各种提示，可配置Better Completion
*JS代码段JavaScript Patterns snippets
*JS代码段sublime-javascript-snippets
*jQuery代码段SublimeText j​Query Snippets
*jQuery代码段（可选）j​Query Snippets
Canvas代码段Canvas Snippets
*CSS3提示CSS3
补全CSS前缀sublime-autoprefixer
*根据文件扩展名创建模板FileHeader
*新建文件时使用模版SublimeTmpl
根据打开的文件，代码补全好用，但是，会有点乱
All Autocomplete
*Markdown语法支持MarkdownEditing
Markdown语法高亮Markdown Extended
Markdown文档预览和发布成HTMLMarkdown Preview
Markdown文档目录大纲MarkdownTOC

五、关联文件类名、路径补全
文件路径自动提示AutoFileName

六、编辑器功能扩展
*汉化插件Chinese-Localization
符号编码转换 > > Hasher
扩展侧边栏右键功能SideBarEnhancements
菜单位置管理侧边栏SideBarFolders
更改侧边栏颜色SyncedSidebarBg
创建新文件AdvancedNewFile
输入法输入栏光标位置IMESupport
*计划任务PlainTasks
颜色选择器ColorPicker
搜索所有打开的文件来寻找匹配的提示词AllAutocomplete
*获取最新版本的远程文件或zip包Nettuts+Fetch
快捷键检查FindKeyConflicts
扩展行列操作Sublime-MultiEditUtils
*HTTP服务器SublimeServer
Sublime Text 删除重复字符RemoveDuplicateCharacters

具体使用方法还须大家慢慢摸索，今天的分享就到这里，感觉有用不如点个喜欢吧。