实⽤的sublime插件集合–sublime推荐必备插件
插件介绍
Sublime Text 3 安装Package Control
原来Subl3安装Package Control很⿇烦,现在简单的⽅法来了
⼀、简单的安装⽅法
使⽤ Ctrl+`快捷键或者通过 View->Show Console菜单打开命令⾏,粘贴如下代码:
quest,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path();
'wb').quest.urlopen('sublime.wbond/' + pf.replace(' ','%20')).read())
如果顺利的话,此时就可以在Preferences菜单下看到Package Settings和Package Control两个菜单了。
顺便贴下Sublime Text2 的代码:
import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not
ists(ipp)else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'sublime.wbond/' +pf.replace(' ','%20' )).read());print('Please restart Sublime Text to finish installation')
⼆、⼿动安装
可能由于各种原因,⽆法使⽤代码安装,那可以通过以下步骤⼿动安装Package Control:
1.点击Preferences > Browse Packages菜单
2.进⼊打开的⽬录的上层⽬录,然后再进⼊Installed Packages/⽬录
3.下载Package Control.sublime-package并复制到Installed Packages/⽬录(地址:
sublime.wbond/Package%20Control.sublime-package)
4.重启Sublime Text。
功能:编码快捷键,前端必备
简介:Emmet作为zen coding的升级版,对于前端来说,可是必备插件,如果你对它还不太熟悉,可以在其官⽹()上看下具体的演⽰视频。
使⽤:教程-、
(安装⽅法:
点击菜单Preference-->Package Control
点击Install Package
等待⼏秒后再弹出如下内容,敲键盘emmet,选择如下:
在 Emmet 安装完成后,会显⽰如下屏幕:然后会⾃动安装PyV8,安装完成,重启 Sublime Text 3。
测试:
重启之后还会看到左下⾓再次呈现 Loading PyV8 的提⽰,待其载⼊完毕,打开⼀个新⽂档最后测试,输⼊指令(不⾏就再重启⼀下)ul#test>li*4
按Ctrl+e⽣成---
<ul id="test">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
)
功能: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加上代码(数组内)
1
{
"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
sublime text3安装教程简介:指⽰代码中插⼊、修改、删除的地⽅
后续
还有、、等插件,先就介绍这么多,弄配图加翻译测试挺⾟苦的,如果觉得不错,可以选择分享或者点击底部中间的⼩⼯具收藏此⽂章。后续会有更新~
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论