[整理]程式碼編輯神器sublime text 2一些必不可少的外掛
在原文的基礎上,修改了emmet外掛介紹,增加了Ctags外掛和安裝LESS2CSS外掛的連結。 請尊重版權,轉載請註明來源,多謝!
Sublime Text 2是一個輕量、簡潔、高效、跨平臺的編輯器,方便的配色以及相容vim快捷鍵等各種優點博得了很多前端開發人員的喜愛,當然也包括我,在看到小飛的介紹後,我就一直在用了。本文推薦一些好用的外掛和擴充套件。
Sublime Text 2基本上是共享軟體,免費版和收費版基本無區別,只是偶爾會彈框讓你去購買,這個基本不影響使用。如果你不瞭解它,也可以看下小眾軟體的這篇詳細介紹。
安裝Sublime Text 2外掛的方法:
1.直接安裝
安裝Sublime text 2外掛很方便,可以直接下載安裝包解壓縮到Packages目錄(選單->preferences->packages)。
2.使用Package Control元件安裝
也可以安裝package control元件,然後直接線上安裝:
- 按Ctrl+`調出console
- 貼上以下程式碼到底部命令列並回車:
import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
- 重啟Sublime Text 2。
- 如果在Perferences->package settings中看到package control這一項,則安裝成功。
用Package Control安裝外掛的方法:
- 按下Ctrl+Shift+P調出命令面板
- 輸入install 調出 Install Package 選項並回車,然後在列表中選中要安裝的外掛。
不爽的是,有的網路環境可能會不允許訪問陌生的網路環境從而設定一道防火牆,而Sublime Text 2貌似無法設定代理,可能就獲取不到安裝包列表了。
好,方法介紹完了,下面是本文正題.
一些有用的Sublime Text 2外掛:
emmet
PS:Zen Coding for Sublime Text 2外掛的開發者已經停止了在Github上共享了,現在只有通過Package Control來安裝。
如果你離不開jQuery的話,這個必備~~
Prefixr,CSS3 私有字首自動補全外掛,顯然也很有用哇
一個JS程式碼格式化外掛。
產生標記檔案,幫助檔案定位的外掛。
一個支援lint語法的外掛,可以高亮linter認為有錯誤的程式碼行,也支援高亮一些特別的註釋,比如“TODO”,這樣就可以被快速定位。(IntelliJ IDEA的TODO功能很贊,這個外掛雖然比不上,但是也夠用了吧)
故名思意,佔位用,包括一些佔位文字和HTML程式碼片段,實用。
用於程式碼格式的自動對齊。傳說最新版Sublime 已經整合。
貼上板歷史記錄,方便使用複製/剪下的內容。
這是一個程式碼檢測外掛。
如果你在用一些公用的或者開源的框架,比如 Normalize.css或者modernizr.js,但是,過了一段時間後,可能該開源庫已經更新了,而你沒有發現,這個時候可能已經不太適合你的專案了,那麼你就要重新折騰一遍或者繼續用陳舊的檔案。Nettuts Fetch可以讓你設定一些需要同步的檔案列表,然後儲存更新。
該外掛基於Google Closure compiler,自動壓縮js檔案。
程式碼自動提示
類似於程式碼匹配,可以匹配括號,引號等符號內的範圍。
自動轉換顏色值,從16進位制到HSL格式,快捷鍵 Ctrl+Shift+U
將檔案編碼從GBK轉黃成UTF8,快捷鍵Ctrl+Shift+C
Git
該外掛基本上實現了git的所有功能。
較為複雜,參見總結
好吧,大概就這些,如果你有常用的外掛或者擴充套件,歡迎推薦。Sublime Text 2真是一款一見鍾情的編輯器,每次和別人聊到編輯器時必薦的。。。 :)