纸飞机许愿
前端路上，一路有你。编辑你的正能量，快乐工作，努力生活~
> 实用的sublime插件集合 – sublime推荐必备插件
实用的sublime插件集合 – sublime推荐必备插件
作者： 轩枫
点击量：17670
不得不说，sublime是个神器，不得不说它所支持的扩展和插件，下面在介绍的同时将会奉上生动的动画配图。
在阅读此文章之前，建议先阅读这篇：
功能：安装包管理
简介：sublime插件控制台，提供添加、删除、禁用、查找插件等功能
安装方法：
CTRL+` ，出现控制台
粘贴以下代码至控制台
import urllib2, pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else N urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')
import urllib2,os; 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( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')
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())
import urllib.request,os; 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 & Browse Packages
打开sublime插件安装包文件夹
下载文件并复制到打开的文件夹
重启sublime
功能：编码快捷键，前端必备
简介：Emmet作为zen coding的升级版，对于前端来说，可是必备插件，如果你对它还不太熟悉，可以在其官网（）上看下具体的演示视频。
使用：教程-、
功能：Javascript的代码格式化插件
简介：很多网站的JS代码都进行了压缩，一行式的甚至混淆压缩，这让我们看起来很吃力。而这个插件能帮我们把原始代码进行格式的整理，包括换行和缩进等等，是代码一目了然，更快读懂~
使用：在已压缩的JS文件中，右键选择jsFormat或者使用默认快捷键（Ctrl+Alt+F）
功能：LESS高亮插件
简介：用LESS的同学都知道，sublime没有支持less的语法高亮，所以这个插件可以帮上我们
使用：打开.less文件或者设置为less格式
功能：编译Less
简介：监测到文件改动时，编译保存为.css文件
使用：打开.less文件，编写代码保存即可看到同时生成.css的文件，如果没有则需要安装node。不推荐用这种方法编译，要么用koala，要么就用grunt编译。
功能：”=”号对齐
简介：变量定义太多，长短不一，可一键对齐
使用：默认快捷键Ctrl+Alt+A和QQ截屏冲突，可设置其他快捷键如：Ctrl+Shift+Alt+A；先选择要对齐的文本
功能：CSS添加私有前缀
简介：CSS还未标准化，所以要给各大浏览器一个前缀以解决兼容问题
使用：Ctrl+Shift+P，选择autoprefixer即可。需要安装node.js。
其他设置如快捷键请参考：
功能：粘贴板历史记录
简介：方便使用复制/剪切的内容
Ctrl+alt+v：显示历史记录
Ctrl+alt+d：清空历史记录
Ctrl+shift+v：粘贴上一条记录（最旧）
Ctrl+shift+alt+v：粘贴下一条记录（最新）
功能：代码匹配
简介：可匹配[], (), {}, “”, ”, &tag&&/tag&，高亮标记，便于查看起始和结束标记
使用：点击对应代码即可
功能：git管理
简介：插件基本上实现了git的所有功能
功能：jQ函数提示
简介：快捷输入jQ函数，是偷懒的好方法
功能：生成优美注释
简介：标准的注释，包括函数名、参数、返回值等，并以多行显示，手动写比较麻烦
使用：输入/*、/**然后回车，还有很多用法，请参照
功能：调色板
简介：需要输入颜色时，可直接选取颜色
使用：快捷键Windows: ctrl+shift+c
功能：文件转码成utf-8
简介：通过本插件，您可以编辑并保存目前编码不被 Sublime Text 支持的文件，特别是中日韩用户使用的 GB2312，GBK，BIG5，EUC-KR，EUC-JP ，ANSI等。ConvertToUTF8 同时支持 Sublime Text 2 和 3。
使用：安装插件后自动转换为utf-8格式
功能：快捷输入文件名
简介：自动完成文件名的输入，如图片选取
使用：输入”/”即可看到相对于本项目文件夹的其他文件
功能：node代码提示
功能：sublime中文输入法
简介：还在纠结 Sublime Text 中文输入法不能跟随光标吗？试试「IMESupport 」这个插件吧！目前只支持 Windows，在搜索等界面不能很好的跟随光标。
使用：Ctrl + Shift + P →输入pci →输入IMESupport →回车
功能：检测并一键去除代码中多余的空格
简介：还在纠结代码中有多余的空格而显得代码不规范？或是有处女座情节？次插件帮你实现发现多余空格、一键删除空格、保存时自动删除多余空格，让你的代码规范清爽起来
使用：安装插件并重启，即可自动提示多余空格。一键删除多余空格：CTRL+SHITF+T（需配置），更多配置请点击标题。快捷键配置：在Preferences / Key Bindings – User加上代码（数组内）
{ "keys": ["ctrl+shift+t"], "command": "delete_trailing_spaces" }
{ "keys": ["ctrl+shift+t"], "command": "delete_trailing_spaces" }
功能：强大的比较代码不同工具
简介：比较当前文件与选中的代码、剪切板中代码、另一文件、未保存文件之间的差别。可配置为显示差别在外部比较工具，精确到行。
使用：右键标签页，出现FileDiffs Menu或者Diff with Tab…选择对应文件比较即可
功能：中文识别
简介：Sublime Text 2可识别UTF-8格式的中文，不识别GBK和ANSI，因此打开很多含中文的文档都会出现乱码。可以通过安装插件GBK Support,来识别GBK和ANSI。
Open a GBK File
Save file with GBK encoding
Change file encoding from utf8 to GBK or GBK to utf8
简介：指示代码中插入、修改、删除的地方
还有、、等插件，先就介绍这么多，弄配图加翻译测试挺辛苦的，如果觉得不错，可以选择分享或者点击底部中间的小工具收藏此文章。后续会有更新~
设置滚动速度
扫一扫，用手机观看！
用微信扫描还可以
分享至好友和朋友圈
SocialRecruitment社会招聘
Javascript前端开发工程师
腾讯公司 微信企业应用中心
负责web前端JS的开发工作；负责web前端系统分析、优化与架构工作。
本科以上学历;
一年以上工作经验;
精通JavaScript、HTML、CSS等前台相关技术,熟悉W3C网页标准;
熟悉至少一种后台语言的开发机制(如Java,c++等);
有一定架构能力和算法能力,有良好编码规范;
良好的学习能力、沟通能力,追求完美,有工作激情,能在较大强度下工作。
I Want You
资深前端工程师
简历请发送至　　Sublime Text&是程序员们公认的编码神奇，拥有漂亮的用户界面和强大的功能，例如代码缩略图，多重选择，快捷命令等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，即时项目切换，多选择，多窗口等等。
　　更重要的是，Sublime Text 易于扩展，众多开发人员为其贡献插件，而且通过包管理工具&&Package Control&可以方便安装和管理。这里分享的这个网站是&Package Control 的作者整理的 Sublime Text 插件集合，前端开发的民工们再也不用去网上一个个找了。赶紧收藏起来吧。
您可能感兴趣的相关文章
Package Control 安装方法
首先通过快捷键 ctrl+`&或者&View & Show Console 打开控制台，然后粘贴相应的 Python 安装代码。
Sublime Text 2 安装代码：
import urllib2, pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else N urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')
Sublime Text 3 安装代码：
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())
常用扩展推荐
&&Emmet 官方提供的 Sublime Text 扩展；
&&代码校验插件，支持 HTML、CSS、JS、PHP、Java、C++ 等16种语言；
&&HTML5 bundle for Sublime Text 2；
&&代码对齐插件；
&&括号高亮匹配；
&&整合 Git 功能的插件；
&&代码智能提示插件；
&&LESS 代码高亮插件；
&&JavaScript 代码格式化插件；
&&HTML/XML 标签缩进、补全和校验；
&&让页面即时刷新；
&&JSON美化扩展；
&&查询 CSS 属性兼容情况；
&&CoffeeScript 代码高亮，校验和编译等；
&&跨平台取色器插件；
您可能感兴趣的相关文章
本文链接：
编译来源：
阅读(...) 评论()用心创造滤镜
扫码下载App
汇聚2000万达人的兴趣社区下载即送20张免费照片冲印
扫码下载App
温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
2、保存的时候自动格式化代码，让您编写的代码更加美观，符合golang的标准
3、支持项目管理
4、支持语法高亮
5、sublime text2免费，只是保存次数达到一定数量之后就会提示是否购买，点击取消继续用，和正式注册版本没有任何区别
接下来就开始讲如何安装
下载sublimetext&
sublimetext 支持Windows、mac、Linux
我目前使用的是Windows版本，下载一个portable版本(绿色免安装)
对于不熟悉sublimetext的同学可以先看一下这篇文章&&
1、打开之后安装&
ctrl+` 打开命令行，执行如下代码
import urllib2, pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else N urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print 'Please restart Sublime Text to finish installation'
这个时候你重启一下sublimetext，可以发现在在菜单栏多了一个如下的栏目
说明package control已经安装成功了
2、接下来安装gocode&
打开cmd运行如下代码
go get&/nsf/gocode
go install&/nsf/gocode
这个时候我们发现在c:/go/bin下面多了一个gocode.exe,这个就是常驻后台的一个服务
3、安装完之后就可以安装sublimetext的插件了，安装gosublime、sidebar(增强边栏)，安装插件之后记得重启sublimetext生效
ctrl+shift+p打开package controll 输入pcip
&这个时候看左下角显示正在读取包数据，
这个时候输入gosublime，按确定就开始安装了，同理应用于sidebar
4、验证是否安装成功，你可以打开sublimetext，打开main.go，看看语法是不是高亮了
&打im是不是如下显示
import "fmt"之后在函数里面打fmt.p是不是提示
如果已经出现这个提示，那说明你已经安装完成了，并且完成了自动提示
如果没有出现这样的提示，一般就是你的path没有配置正确，你可以打开cmd，输入gocode，是不是能够正确运行，如果不行就说明path没有配置正确。
阅读(3268)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_',
blogTitle:'配置开发环境sublime text2+gosublime+gocode',
blogAbstract:'推荐的开发配置组合
sublime text2+gosublime+gocode
blogTag:'go语言,编程,sublime,text2+gosubl,go语言开发环境配置',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:6,
publishTime:5,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}