Sublime Text 3常用插件安裝(持續更新)


  首先聲明一下,小編是做后台開發出身,但是總是想搗鼓一些小的網站出來,可能是完美心作祟,感覺前端這邊不能差事,所以就自己上了,一開始是用eclipse來開發的,具體原因忘了,也不知道怎么就開始用Sublime了,猜測應該是老師推薦的。

  由於本人有強烈的系統癖,經常會把盤格掉,然后重做系統,這樣導致的直接后果就是,不斷的安裝各種日常軟件,當然包括Sublime了,眾所周知,Sublime主要是通過集成各式各樣的插件,來實現高效編程的。

而最讓小編頭疼就是插件的安裝,因為並不是特別了解各種插件的功能以及使用場景,所以安裝起開耗時耗力,有幾次實在是搞煩了,直接把Web開發相關字樣的插件全部安裝了,似不似傻。

  今天呢,是小編第N次安裝配置Sublime3,特地想把整個安裝配置的過程錄制下來,供大家查閱。

一、Sublime3下載

1.百度搜索Sublime3,選擇進入下載頁面

 

2.小編選擇下載Win64位安裝程序

二、Sublime3安裝

傻瓜式安裝,此處省略千言萬語,然后打開就可以使用了,大家要注意的一點是,Sublime3是收費軟件,最傻的是,如果用戶不購買的話,在使用過程中會時不時出現要求購買的提示框,哈哈,但是我們可以輕松關掉呀,就當是Coding過程中的娛樂了,所以不需要購買,就可以永久免費使用了。

三、Sublime3插件配置

直接安裝

安裝Sublime text 3插件很方便,可以直接下載安裝包解壓縮到Packages目錄(菜單->preferences->  Browse Packages)。

使用Package Control組件安裝

也可以安裝package control組件,然后直接在線安裝:

  1. 按Ctrl+`調出console(注:避免熱鍵沖突)
  2. 粘貼以下代碼到命令行並回車:
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())

  3. 重啟Sublime Text 3。

  4. 如果在Perferences->package settings中看到package control這一項,則安裝成功。

用Package Control安裝插件的方法:

  1. 按下Ctrl+Shift+P調出命令面板
  2. 輸入install 調出 Install Package 選項並回車,然后在列表中選中要安裝的插件。

不爽的是,有的網絡環境可能會不允許訪問陌生的網絡環境從而設置一道防火牆,而Sublime Text 3貌似無法設置代理,可能就獲取不到安裝包列表了。
方法介紹完了,接下來進入今天正題,一些有用的Sublime Text 3插件:

注意:安裝插件時保持網絡暢通,避免插件由於網絡原因奔潰

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提示還是很有用處的,也可設置要提示的語言。

 

安裝方法(請閱讀鏈接詳情):http://www.ithao123.cn/content-10545789.html
5. JSFormat

JS代碼格式化插件。

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

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

7. BracketHighlighter

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

使用方法:系統默認為白色高亮,可以使用鏈接所述方法進行自定義配置
http://www.360doc.com/content/14/1111/15/15077656_424301780.shtml

8. Alignment

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

9. Ctags

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

10. Doc​Blockr

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

使用方法(參考鏈接內容):http://www.cnblogs.com/huangtailang/p/4499988.html

11. SideBarEnhancements

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

使用方法(參考鏈接內容):http://www.w3cfuns.com/notes/13810/d9b9ed2fb80785dae88a5344ef0f30d4.html


免責聲明!

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



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