實(shí)用的sublime插件集合 – sublime推薦必備插件
不得不說瓶摆,sublime是個(gè)神器搏存,不得不說它所支持的擴(kuò)展和插件硝逢,下面在介紹的同時(shí)將會(huì)奉上生動(dòng)的動(dòng)畫配圖。
前言
在閱讀此文章之前润歉,建議先閱讀這篇:sublime?text 2 神器
插件介紹
功能:安裝包管理
簡介:sublime插件控制臺(tái)模狭,提供添加、刪除踩衩、禁用嚼鹉、查找插件等功能
使用:https://sublime.wbond.net/installation
安裝方法:
CTRL+` ,出現(xiàn)控制臺(tái)
粘貼以下代碼至控制臺(tái)
ST2:
1
importurllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp)ifnotos.path.exists(ipp)elseNone;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')
ST3:
1
importurllib.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插件安裝包文件夾
下載文件并復(fù)制到打開的文件夾
重啟sublime
功能:編碼快捷鍵锚赤,前端必備
簡介:Emmet作為zen coding的升級(jí)版,對(duì)于前端來說褐鸥,可是必備插件线脚,如果你對(duì)它還不太熟悉,可以在其官網(wǎng)(http://docs.emmet.io/)上看下具體的演示視頻叫榕。
使用:教程-http://docs.emmet.io/cheat-sheet/浑侥、http://peters-playground.com/Emmet-Css-Snippets-for-Sublime-Text-2/
功能:Javascript的代碼格式化插件
簡介:很多網(wǎng)站的JS代碼都進(jìn)行了壓縮,一行式的甚至混淆壓縮晰绎,這讓我們看起來很吃力寓落。而這個(gè)插件能幫我們把原始代碼進(jìn)行格式的整理,包括換行和縮進(jìn)等等荞下,是代碼一目了然伶选,更快讀懂~
使用:在已壓縮的JS文件中史飞,右鍵選擇jsFormat或者使用默認(rèn)快捷鍵(Ctrl+Alt+F)
功能:LESS高亮插件
簡介:用LESS的同學(xué)都知道,sublime沒有支持less的語法高亮仰税,所以這個(gè)插件可以幫上我們
使用:打開.less文件或者設(shè)置為less格式
功能:編譯Less
簡介:監(jiān)測到文件改動(dòng)時(shí)构资,編譯保存為.css文件
使用:打開.less文件,編寫代碼保存即可看到同時(shí)生成.css的文件陨簇,如果沒有則需要安裝node蚯窥。不推薦用這種方法編譯,要么用koala塞帐,要么就用grunt編譯。
功能:”=”號(hào)對(duì)齊
簡介:變量定義太多巍沙,長短不一葵姥,可一鍵對(duì)齊
使用:默認(rèn)快捷鍵Ctrl+Alt+A和QQ截屏沖突,可設(shè)置其他快捷鍵如:Ctrl+Shift+Alt+A句携;先選擇要對(duì)齊的文本
功能:CSS添加私有前綴
簡介:CSS還未標(biāo)準(zhǔn)化榔幸,所以要給各大瀏覽器一個(gè)前綴以解決兼容問題
使用:Ctrl+Shift+P,選擇autoprefixer即可矮嫉。需要安裝node.js削咆。
其他設(shè)置如快捷鍵請參考:https://sublime.wbond.net/packages/Autoprefixer
功能:粘貼板歷史記錄
簡介:方便使用復(fù)制/剪切的內(nèi)容
使用:
Ctrl+alt+v:顯示歷史記錄
Ctrl+alt+d:清空歷史記錄
Ctrl+shift+v:粘貼上一條記錄(最舊)
Ctrl+shift+alt+v:粘貼下一條記錄(最新)
功能:代碼匹配
簡介:可匹配[],?(),?{},?“”,?”,?,高亮標(biāo)記蠢笋,便于查看起始和結(jié)束標(biāo)記
使用:點(diǎn)擊對(duì)應(yīng)代碼即可
功能:git管理
簡介:插件基本上實(shí)現(xiàn)了git的所有功能
使用:https://github.com/kemayo/sublime-text-git/wiki
功能:jQ函數(shù)提示
簡介:快捷輸入jQ函數(shù)拨齐,是偷懶的好方法
功能:生成優(yōu)美注釋
簡介:標(biāo)準(zhǔn)的注釋,包括函數(shù)名昨寞、參數(shù)瞻惋、返回值等,并以多行顯示援岩,手動(dòng)寫比較麻煩
使用:輸入/*歼狼、/**然后回車,還有很多用法享怀,請參照
https://sublime.wbond.net/packages/DocBlockr
功能:調(diào)色板
簡介:需要輸入顏色時(shí)羽峰,可直接選取顏色
使用:快捷鍵Windows:?ctrl+shift+c
功能:文件轉(zhuǎn)碼成utf-8
簡介:通過本插件,您可以編輯并保存目前編碼不被 Sublime Text 支持的文件添瓷,特別是中日韓用戶使用的 GB2312梅屉,GBK,BIG5鳞贷,EUC-KR履植,EUC-JP ,ANSI等悄晃。ConvertToUTF8 同時(shí)支持 Sublime Text 2 和 3玫霎。
使用:安裝插件后自動(dòng)轉(zhuǎn)換為utf-8格式
功能:快捷輸入文件名
簡介:自動(dòng)完成文件名的輸入凿滤,如圖片選取
使用:輸入”/”即可看到相對(duì)于本項(xiàng)目文件夾的其他文件
功能:node代碼提示
教程:https://sublime.wbond.net/packages/Nodejs
功能:sublime中文輸入法
簡介:還在糾結(jié) Sublime Text 中文輸入法不能跟隨光標(biāo)嗎?試試「IMESupport 」這個(gè)插件吧庶近!目前只支持 Windows翁脆,在搜索等界面不能很好的跟隨光標(biāo)。
使用:Ctrl + Shift + P →輸入pci →輸入IMESupport →回車
功能:檢測并一鍵去除代碼中多余的空格
簡介:還在糾結(jié)代碼中有多余的空格而顯得代碼不規(guī)范鼻种?或是有處女座情節(jié)反番?次插件幫你實(shí)現(xiàn)發(fā)現(xiàn)多余空格、一鍵刪除空格叉钥、保存時(shí)自動(dòng)刪除多余空格罢缸,讓你的代碼規(guī)范清爽起來
使用:安裝插件并重啟,即可自動(dòng)提示多余空格投队。一鍵刪除多余空格:CTRL+SHITF+T(需配置)枫疆,更多配置請點(diǎn)擊標(biāo)題》笱唬快捷鍵配置:在Preferences / Key Bindings – User加上代碼(數(shù)組內(nèi))
1
{"keys":["ctrl+shift+t"],"command":"delete_trailing_spaces"}
功能:強(qiáng)大的比較代碼不同工具
簡介:比較當(dāng)前文件與選中的代碼息楔、剪切板中代碼、另一文件扒披、未保存文件之間的差別值依。可配置為顯示差別在外部比較工具碟案,精確到行愿险。
使用:右鍵標(biāo)簽頁,出現(xiàn)FileDiffs Menu或者Diff with Tab…選擇對(duì)應(yīng)文件比較即可
功能:中文識(shí)別
簡介:Sublime Text 2可識(shí)別UTF-8格式的中文价说,不識(shí)別GBK和ANSI拯啦,因此打開很多含中文的文檔都會(huì)出現(xiàn)亂碼∪廴危可以通過安裝插件GBK Support,來識(shí)別GBK和ANSI褒链。
使用:
Open a GBK File
Save file with GBK encoding
Change file encoding from utf8 to GBK or GBK to utf8
簡介:指示代碼中插入、修改疑苔、刪除的地方