Sublime Text 3 常用插件以及安装方法(转) - Rising - 博客园
安装Sublime Text 3插件的方法：
朋友们，小站活着不容易，全靠广告费养着了，如果本文对你有帮助。麻烦动下手点下页面的广告吧，谢谢！
安装Sublime text 2插件很方便，可以直接下载安装包解压缩到Packages目录（菜单-&preferences-&packages）。
使用Package Control组件安装
也可以安装package control组件，然后直接在线安装：
按Ctrl+`调出console（注：安装有QQ输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切换至QQ拼音）
粘贴以下代码到底部命令行并回车：
import urllib.request, pf&= 'Package Control.sublime-package'; ipp&= sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) );&open(os.path.join(ipp, pf),&'wb').write(urllib.request.urlopen(&'' + pf.replace(' ','%20')).read())
重启Sublime Text 3。
如果在Perferences-&package settings中看到package control这一项，则安装成功。
顺便贴下Sublime Text2 的代码
import urllib2, 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( )));&open( os.path.join( ipp, pf),&'wb' ).write( urllib2.urlopen(&'' +pf.replace(&' ','%20' )).read());&print(&'Please restart Sublime Text to finish installation')
如果这种方法不能安装成功，可以。
用Package Control安装插件的方法：
按下Ctrl+Shift+P调出命令面板
输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。
不爽的是，有的网络环境可能会不允许访问陌生的网络环境从而设置一道防火墙，而Sublime Text 2貌似无法设置代理，可能就获取不到安装包列表了。好，方法介绍完了，下面是本文正题，一些有用的Sublime Text 2插件：
GBK Encoding Support
对应gb2312来说，Sublime Text 2 本生不支持的，我们可以通过Ctrl+Shift+P调出命令面板或Perferences-&Package Contro,输入install 调出 Install Package 选项并回车，在输入&GBK Encoding Support&选择开始安装，左下角状态栏有提示安装成功。这时打开gbk编码的文件就不会出现乱码了，如果有需要转成utf-8的可以在File-GBK to UTF8-选择Save with UTF8就偶看了。
Zen Coding
这个，不解释了，还不知道ZenCoding的同学强烈推荐去看一下：《Zen Coding: 一种快速编写HTML/CSS代码的方法》。
PS:Zen Coding for Sublime Text 2插件的开发者已经停止了在Github上共享了，现在只有通过Package Control来安装。
jQuery Package for sublime Text
如果你离不开jQuery的话，这个必备～～
Sublime Prefixr
Prefixr，CSS3 私有前缀自动补全插件，显然也很有用哇
Sublime Prefixr
一个JS代码格式化插件。
SublimeLinter
一个支持lint语法的插件，可以高亮linter认为有错误的代码行，也支持高亮一些特别的注释，比如&TODO&，这样就可以被快速定位。（IntelliJ IDEA的TODO功能很赞，这个插件虽然比不上，但是也够用了吧）
SublimeLinter
Placeholders
故名思意，占位用，包括一些占位文字和HTML代码片段，实用。
Sublime Alignment
用于代码格式的自动对齐。传说最新版Sublime 已经集成。
Clipboard History
粘贴板历史记录，方便使用复制/剪切的内容。
DetectSyntax
这是一个代码检测插件。
Nettuts Fetch
如果你在用一些公用的或者开源的框架，比如&或者，但是，过了一段时间后，可能该开源库已经更新了，而你没有发现，这个时候可能已经不太适合你的项目了，那么你就要重新折腾一遍或者继续用陈旧的文件。Nettuts Fetch可以让你设置一些需要同步的文件列表，然后保存更新。
JsMinifier
该插件基于Google Closure compiler，自动压缩js文件。
Sublime CodeIntel
代码自动提示
Bracket Highlighter
类似于代码匹配，可以匹配括号，引号等符号内的范围。
Hex to HSL
自动转换颜色值，从16进制到HSL格式，快捷键 Ctrl+Shift+U
GBK to UTF8
将文件编码从GBK转黄成UTF8，快捷键Ctrl+Shift+C
该插件基本上实现了git的所有功能。
好吧，大概就这些，如果你有常用的插件或者扩展，欢迎推荐。Sublime Text 3真是一款一见钟情的编辑器，每次和别人聊到编辑器时必荐的。。。Sublime Text 3前端开发常用优秀插件介绍
前言：关于Sublime Text 3Sublime Text 3是一款强大而精巧的文本编辑器 [点击下载]它的界面友好、功能非凡、性能极佳可令代码高亮、语法提示、自动完成更重要的是，它支持众多插件扩展&&锦上添花、强之又强本文着重介绍Sublime Text 3可助力前端开发的优秀插件步骤详细，亲测可用若有拙误或纰漏，欢迎您留言指正Package Control插件管理提到Sublime Text插件安装，就不得不提Package Control [官方文档]简而言之，它是用来管理插件的插件所以，首次使用前也是需要安装的使用Ctrl+`（Esc键下方）快捷键或者通过View-&Show Console菜单打开命令行将以下代码复制后粘贴到如上图中&&代码粘贴处&&，然后按Enter(回车)，稍等片刻import urllib.request, pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())如果安装成功，就可以在Preferences菜单下看到Package Settings和Package Control两个菜单。若不能通过以上方式成功安装，可尝试以下方式手动安装点击Preferences-&Browse Packages...菜单进入打开的目录的上层目录（即Sublime Text 3目录）再打开Installed Packages目录点击下载Package Control.sublime-package并复制到如下图中的Installed Packages目录最后重启Sublime Text 3Package Control使用方法/安装Emmet插件下面将以安装Emmet插件为例，同时介绍如何使用Package Control插件在Sublime Text 3中按下快捷键Ctrl+Shift+P在出现的文本框中输入Install Package(或直接输入&ip&)选中Install Package并回车（可能需要等待几秒钟，在此过程中不能进行任何鼠标/键盘操作）输入或选择你需要的插件再按Enter（回车）就可以安装插件了（下图以安装Emmet插件为例）在安装过程中，左下角会显示正在安装的提示，静候片刻若安装成功，相应的，左下角会出现安装成功的提示下文中所有介绍的插件均可使用此方式安装若由于网络等原因，您发现无法按照以上介绍的方式成功安装，也不用担心本文介绍的所有插件，都能通过在GitHub上下载Zip包的方式手动安装，具体方法如下点击本文中介绍每款插件的&大标题&，即可进入该插件GitHub页面如上图，点击页面右下角的&Download ZIP&按钮，即可下载相应插件的Zip包然后，在Sublime Text 3中点击菜单Preferences-&Browse Packages...可以看到，出现了一个文件夹窗口，将下载的Zip包&解压&后复制到该文件夹内即可Emmet插件Emmet插件可以说是使用Sublime Text进行前端开发必不可少的插件它让编写HTML代码变得极其简单高效基本用法：输入标签简写形式，然后按Tab键关于Emmet的更多介绍，请查看官方文档这份速查表，可以帮你快速记忆简写形式JsFormat插件这是一款将JS格式化的插件同样使用Package Control安装JsFormat插件后即可在JS文件中通过鼠标右键-&JsFormat或键盘快捷键Ctrl+Alt+F对JS进行格式化使用效果如下图SideBarEnhancements插件SideBarEnhancements是一款很实用的右键菜单增强插件在安装该插件前，在Sublime Text左侧FOLDERS栏中点击右键只有寥寥几个简单的功能通过Package Control安装SideBarEnhancements插件后可以看到，文件夹栏右键菜单马上增强不少更强大的是，该插件还能让我们自定义快捷键呼出某个浏览器以预览页面这样就不用到项目目录下寻找和拖动到特定浏览器中预览了安装此插件后点击菜单栏的preferences-&package setting-&side bar-&Key Building-User键入以下代码[
{ "keys": ["ctrl+shift+c"], "command": "copy_path" },
{ "keys": ["f1"], "command": "side_bar_files_open_with",
"paths": [],
"application": "F://Firefox Developer Edition//firefox.exe",
"extensions":".*" //匹配任何文件类型
{ "keys": ["f2"], "command": "side_bar_files_open_with",
"paths": [],
"application": "C://Program Files (x86)//Google//Chrome//Application//chrome.exe",
"extensions":".*"
{ "keys": ["f3"], "command": "side_bar_files_open_with",
"paths": [],
"application": "C://Program Files//Internet Explorer//iexplore.exe",
"extensions":".*"
}]这里设置其按Ctrl+Shift+C复制文件路径分别按F1、F2和F3即可分别在firefox，chrome，IE浏览器预览当前页面效果当然，你也可以自己定义喜欢的快捷键但要注意代码中的浏览器路径要以自己电脑里的文件路径为准TrailingSpaces插件有时候，在代码结尾打多了几个空格或Tab并没有任何显示效果TrailingSpaces这款插件能高亮显示多余的空格和TabTag插件这是HTML/XML标签缩进、补全、排版和校验工具安装该插件后，可以如上图方式使用Tag插件对HTML/XML进行自动排版等操作目前楼主未能发现该操作快捷方式，若您有所发现，望留言点拨Terminal插件在编程过程中，我们经常需要使用到命令行窗口Terminal插件可以允许在Sublime Text 3中打开cmd命令窗口安装好该插件后即可使用快捷键Ctrl+Shift+T呼出命令行窗口SublimeCodeIntel插件这是一款代码提示插件，支持多种编程语言该插件安装时间可能相对较长更特别的是，安装该插件后需要根据您使用的编程语言进行配置本部分将以配置JavaScript语言的代码提示功能为例安装该插件后，点击Preferences-&Browse Packages...菜单进入SublimeCodeIntel文件夹再进入.codeintel文件夹将其中文件名为config的文件拖动到Sublime Text 3中你会看到大概如下图的代码将以下代码复制后粘贴到Config文件中//注意上下文需要添加的逗号"JavaScript":{ "javascriptExtraPaths":[]}复制粘贴后的效果如下图保存后关闭config文件这样，在编写JavaScript时即可获得代码提示，如下图示CssComb插件CssComb是为CSS属性进行排序和格式化插件 [官网]使用Package Control安装CssComb插件后，你可能发现它并不能运行它依赖于Node.js [官网]若您的计算机已安装过NodeJS环境，可跳过此步骤若您的计算机中尚未安装过Node.js环境应该到Node.js官网中 [下载] 并安装相应版本的Node.js，如下图示安装NodeJS后，即可使用CssComb插件使用方法：菜单Tools-&Run CSScomb或在CSS文件中按快捷键Ctrl+Shift+C使用前，CSS可能杂乱无章使用后，CSS属性按照作用类别出现还可以选中一部分CSS代码进行排序使用前，选中需要排序的CSS代码使用后，选中部分代码已排好序美中不足的是，CssComb似乎不支持IE harkAutoprefixer插件这是一款CSS3私有前缀自动补全插件该插件使用CanIUse资料库，能精准判断哪些属性需要什么前缀与CssComb插件一样，该插件也需要系统已安装Node.js环境使用方法：在输入CSS3属性后（冒号前）按Tab键，如下图示未完待续截至目前，楼主仍然是本科小鲜肉一枚技术之路刚刚起步，对工具的运用尚还疏浅有一些插件由于亲测未能支持Sublime Text 3而不包括在本文中有一些插件可能楼主尚未发现，欢迎各位路过的大牛留言赐教未来若发现新的优秀插件，楼主也会整理并更新本文
最新教程周点击榜
微信扫一扫　　Sublime Text 是一款较新的编辑器，它轻量、简洁、高效，良好的扩展性以及跨平台等特性，使得越来越多的开发人员喜爱。它是一款收费的商业软件，但可以免费无限制无限期的试用，只会偶尔提醒是否购买。用户购买一个授权可同时在不同平台上使用。
　　访问/2下载2.x版本。中文汉化包，解压并放置于..\Sublime Text 2\Packages文件夹。
　　或从/3下载3.x版本。
　　注册码（仅供个人非商业应用）：
----- BEGIN LICENSE ------ Alexander Single User License EA7E-814345 51F47F09 4EABEFF0 8B1207DC A76A6EA3 E1A1CA7A DC1F,784 8EDC1C82 3F2A58B9 1C0C8B24
6233DE5C ADC5C2F9 61FB8A04 171B63EF 86BA423F 6AC884FD 3273A7AA 5F50A6DB CE7859AE D62D2B37 AEEDD8C2 078A8A20 70EEA791 84F48C1E 8ABA7DEB 0BAA045 6F67AED8 ------ END LICENSE ------
----- BEGIN LICENSE -----
Andrew Weber
Single User License
EA7E-855605
813A03DD 5E4AD9E6 6C0EEB94 BC99798F
91424C9D A45400BF FFB88078
90F5CC94 1CDC92DC 8457107A F151657B
1D22E383 A997F016 F41CFC
E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D
5CDBC0 EFCCA6
B98FC99C 8FAC73EE D2B95564 DF450523
------ END LICENSE ------
　　点击preferences－setting user，个人设置如下：
//字体大小
"font_size": 13.0,
//字体类型
"font_face": "Consolas",
// 设置每一行到顶部，以像素为单位的间距，效果相当于行距
"line_padding_top": 2,
// 设置每一行到底部，以像素为单位的间距，效果相当于行距
"line_padding_bottom": 2,
// html和xml下突出显示光标所在标签的两端，影响HTML、XML、CSS等
"match_tags": true,
// 是否显示代码折叠按钮
"fold_buttons": true,
// 代码提示
"auto_complete": true,
// 默认编码格式
"default_encoding": "UTF-8",
// 左边边栏文件夹动画
"tree_animation_enabled": true,
//删除你想要忽略的插件
"ignored_packages":
"Vintage",
"YUI Compressor"
四、快捷键
&&& 1、F11和Shift+F11进入全屏免打扰模式&&& 2、Ctrl+L：选择整行，按住继续选择下一行&&& 3、Ctrl+KK:从光标处删除至整行的尾部&&& 4、Ctrl+Shift+D:复制光标所在的整行，插入在该行之前&&& 5、Ctrl+J：合并行(已选择需要合并的多行时)，可以理解为不换行模式，直到遇到编辑器边框后自动换行&&& 6、Ctrl+D:选词，(按住-继续选择下个相同的字符串)&&& 7、Ctrl+/：注释整行，可来回切换，Submlie Text可自动判断文件类型。选择整段，也可注释整段。&&& 8、Ctrl+Shift+/:注释。选择整段，也可注释整段，单行时候，不注释该行，而是添加该行的注释信息，如&/ul&&!--& --&&&& 9、Alt+. ：闭合当前标签&&& 10、Ctrl+Shift+[：折叠代码&&& 11、Ctrl+Shift+]：展开代码&&& 12、Shift+table:向左缩进、Tab向右缩进
5.1 插件的安装方法有两个：直接安装和插件管理安装。
　　5.1.1 直接安装，将下载的安装包解压缩到Packages目录（菜单-&preferences-&packages）；
　　5.1.2 Package Control组件安装。用Package Control安装插件的方法：
　　　按下Ctrl+Shift+P调出命令面板，输入install， 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。
　　　有的网络环境可能会不允许访问陌生的网络环境从而设置防火墙，而Sublime Text 貌似无法设置代理，可能就获取不到安装包列表了。
5.2 常用插件
　　1、Package Control（安装包控制）　　打开Sublime Text ，按快捷键 ctrl+` 或者点击 Tools & Command Palette 调出控制台Console；将以下代码复制粘贴进命令行后回车：
import urllib2,
pf='Package Control.sublime-package';
ipp=sublime.installed_packages_path();
os.makedirs(ipp)ifnot os.path.exists(ipp)elseN
open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
　　重新启动Sublime Text 2，如果在Preferences & Package Settings 中看到 Package Control 这一项，说明安装成功。
　　2、Alignment（代码补齐）　下载：/wbond/sublime_alignment
　　3、ColorPicker（调色盘）　下载：/weslly/ColorPicker
　　在编辑CSS样式的时候，ColorPicker可以让sublime text 内置一个调色盘，调好颜色，点击OK就会在光标处生成十六进制颜色代码。
　　4、Zen Coding（现已改名为Emmet）　下载：/sergeche/emmet-sublime
　　使用仿CSS选择器的语法来快速开发HTML和CSS，Zen Coding由两个核心组件组成：一个缩写扩展器(缩写为像CSS一样的选择器)和上下文无关的HTML标签对匹配器。
　　使用ZenCoding编写代码时，需要遵循一定的缩写规则：
E元素名（div、p）；E#id带Id的元素（div#content、p#intro、span#error）；E.class带class的的元素（div.header、p.error）,id和class可以连着写，div#content.columnE&N子元素（div&p、div#footer&p&span）E*N多项元素（ul#nav&li*5&a）E+N多项元素E$*N带序号的元素
　　5、SublimeTmpl（自定义新建文件）　下载：/kairyou/SublimeTmpl
　　默认已经添加了html、css、js等常见类型的面板，按ctrl+alt+h/ctrl+alt+c/ctrl+alt+j可新建这 3钟类型的文件，快捷键在这里\Packages\SublimeTmpl\Default (Windows).sublime-keymap, 模板文件在这里\Packages\SublimeTmpl\templates，可修改。
　　其他插件：
　　Clipboard-history（粘贴板历史记录）　下载：/kemayo/sublime-text-2-clipboard-history 　　CSScomb（CSS属性排序）　下载：/csscomb/CSScomb-for-Sublime　　Gits（集成 GitHub）　下载：/kemayo/sublime-text-git　　Hex-to-HSL-Color Hex（颜色模式转HSL颜色模式）& 下载：/atadams/Hex-to-HSL-Color　　HtmlTidy（清理与排版你的HTML代码） 　下载：/welovewordpress/SublimeHtmlTidy　　JsFormat（javascript格式化）　下载：/jdc0589/JsFormat　　PHPTidy（整理与排版PHP代码）　下载：/welovewordpress/SublimePhpTidy　　SideBarEnhancements（侧边栏增强）　下载：/titoBouzout/SideBarEnhancements　　SublimeLinter（代码错误提示）　下载：/SublimeLinter/SublimeLinter/tree/sublime-text-3　　SFTP（编辑 FTP 或 SFTP 服务器上的文件）　下载：http://wbond.net/sublime_packages/sftp & 　　Tradsim（中文繁字体和简体字转换）　下载：/erinata/SublimeTradsim　　TrailingSpacer（高亮显示多余的空格和Tab）　下载：/SublimeText/TrailingSpaces 　　YUI Compressor（压缩JS和CSS文件）　下载：/kairyou/SublimeYUICompressorSublimetext3安装Emmet插件步骤
作者：佚名
字体：[ ] 来源：互联网 时间：12-04 15:43:52
Sublime text 3安装Emmet插件步骤步骤，大家需要的可以参考使用
看清楚哦~~这是Sublime text 3不是2的版本，两者的安装还是有区别的，下面的方法是我感觉比较简单的，其他的要命令什么的感觉太复杂了，经测试是OK的。
先关闭Sublime text 3：
第一步：下载&，解压命名文件夹为Package Control。(注意大小写)
第二步：下载，解压后覆盖到刚刚的Package Control中，完成插件API函数的更新。
第三步：打开Sublime Text 3，选择菜单：Preference--&Browse Package... 浏览插件
第四步：把package control复制到此目录，重启&Sublime text 3。
然后菜单Preferences就会多了两个Package..的东西如下：&Package Control 安装成功
点击菜单Preference--&Package Control
点击Install Package
等待几秒后再弹出如下内容，敲键盘emmet，选择如下：
在 Emmet 安装完成后，会显示如下屏幕：然后会自动安装PyV8，安装完成，重启 Sublime Text 3。
重启之后还会看到左下角再次呈现 Loading PyV8 的提示，待其载入完毕，打开一个新文档最后测试，输入指令（不行就再重启一下）
ul#test&li*4
按Ctrl+e 生成---代码如下:&ul id="test"&
&li&&/li&&/ul&
大家感兴趣的内容
12345678910
最近更新的内容