sublime3 常用插件


上一篇記錄sublime 常用的快捷鍵,這里記錄一些初次安裝推薦的前端使用插件與安裝插件包名稱。

首次下載安裝的sublime text3,基本什么都沒有,想要達到適用還得一番搗鼓,各種插件的安裝必不可少,剛下載時候Package Control是無法使用的哦,所以需要執行如下步驟:

使用Package Control組件安裝

安裝package control組件,按Ctrl+ ` ( 此符號為tab按鍵上面的按鍵) 調出console(注:避免熱鍵沖突)
粘貼以下代碼到命令行並回車:

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())

執行代碼后會看到一個小灰短線來回晃動,表着急,等待就行。。。

安裝完成后重啟sublime ,可以在preferences下面看到 package control這個選項,點擊或者快捷鍵 Ctrl+Shift+P 即可呼出,

使用 package control 安裝需要插件或者主題

在呼出的欄目中尋找install package或者輸出install 即可找到安裝插件的組件,點擊后會出現另外一個輸入框,在里面輸入你需要的插件名稱即可查詢到。

下面是插件推薦

1.Emmet(原名 Zen Coding)

一種快速編寫html/css的方法

注意:安裝Emmet的同時,也會自動安裝其依賴PyV8 binary庫,安裝PyV8庫會用較長時間,可以在Sublime左下角看到安裝進程狀態

2. html5

支持hmtl5規范的插件包

注意:與Emmet插件配合使用,效果更好

使用方法:新建html文檔>輸入html5>敲擊Tab鍵>自動補全html5規范文檔

3. jQuery

支持JQuery規范的插件包

4. javascript-API-Completions

支持Javascript、JQuery、Twitter Bootstrap框架、HTML5標簽屬性提示的插件,是少數支持sublime text 3的后綴提示的插件,HTML5標簽提示sublime text 3自帶,不過JQuery提示還是很有用處的,也可設置要提示的語言。

5. JSFormat

JS代碼格式化插件。

使用方法:使用快捷鍵 ctrl+alt+f

6. SublimeLinter

一個支持lint語法的插件,可以高亮linter認為有錯誤的代碼行,也支持高亮一些特別的注釋,比如“TODO”,這樣就可以被快速定位。(IntelliJ IDEA的TODO功能很贊,這個插件雖然比不上,但是也夠用了吧)

7. BracketHighlighter

類似於代碼匹配,可以匹配括號,引號等符號內的范圍。

使用方法:系統默認為白色高亮,可以使用鏈接所述方法進行自定義配置

8. Alignment

代碼對齊,如寫幾個變量,選中這幾行,Ctrl+Alt+A,哇,齊了。

9. Ctags

函數跳轉,我的電腦上是Alt+點擊 函數名稱,會跳轉到相應的函數

10. Doc​Blockr

注釋插件,生成幽美的注釋。標准的注釋,包括函數名、參數、返回值等,並以多行顯示,省去手動編寫。

11. SideBarEnhancements

側欄右鍵功能增強,非常實用

12. Minify

個人編寫文件右鍵直接可以美化或者壓縮文件,還是很方便的

主題推薦 Material theme 搭配 A File Icon

這個主題很輸出,是我一直用的。。僅個人推薦哈。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM