Sublime Text 3安裝及常用插件安裝

Sublime Text 3安裝及常用插件安裝

一、Sublime3下載

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

2.我選擇下載Win64位安裝程序
這裏寫圖片描述

二、Sublime3安裝
傻瓜式安裝，一直點下一步即可。

三、Sublime3插件配置

1.直接安裝
安裝Sublime text 3插件很方便，可以直接下載安裝包解壓縮到Packages目錄（菜單->preferences->　　Browse Packages）。

2.使用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())

如圖，上面的代碼複製到紅線地方，按回車鍵，會看到下面出現東西在左右擺動，說明正在下載。 
這裏寫圖片描述

3. 下載完成之後重啓Sublime Text 3。
4. 如果在Perferences->中看到package control這一項，則安裝成功。
這裏寫圖片描述

5.用Package Control安裝插件的方法：
按下Ctrl+Shift+P調出命令面板 
輸入install 調出 Install Package 選項並回車，然後在列表中選中要安裝的插件。 
方法介紹完了，接下來進入今天正題，一些有用的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

轉載：https://blog.csdn.net/wxl1555/article/details/69941451/