sublime text3經常使用插件一覽2017

文件操做類

• AdvancedNewFile：快速新建文件。快捷鍵Ctrl+Alt+N，輸入文件夾以及文件名，回車，你會發現已經子目錄下的文件已經新建完成！
• Sidebar Enhancements：加強側邊欄
• SyncedSideBar：每次打開文件，側邊欄都會同步顯示該文件所在目錄樹中的位置
• Compare Side-By-Side：在待比較的Tab上右鍵選擇Compare with...，而後選擇另外一個打開的比較對象便可，Sublime會自動彈出新的窗口顯示兩個文件
• FileDiffs：強大的比較代碼不一樣工具。比較當前文件與選中的代碼、剪切板中代碼、另外一文件、未保存文件之間的差異。可配置爲顯示差異在外部比較工具，精確到行。右鍵標籤頁，出現FileDiffs
  Menu或者Diff with Tab…選擇對應文件比較便可

---

代碼生成器

• JavaScript Completions：js原生語法提示。安裝後須要配置

點擊 Preferences ->Package Settings ->JavaScript Completions -> Settings-Defalut
配置nodejs路徑：

• CSS3：該插件能夠對css3屬性進行高亮和自動補全。
• jQuery：JQuery的API代碼片斷
• Java​Script​Next - ES6 Syntax：完美支持ECMAScript 6

You may also need to change the ColorScheme. Pick one from Preferences
-> Color Scheme -> JavaScriptNext.

• Emmet：快速生成HTML代碼段的插件，強大到無與倫比
• SublimeCodeIntel 它的功能是代碼提示，支持這些語言 :JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django,HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.
• Insert Callback和JavaScript & NodeJS Snippets：因爲Node.js是基於事件驅動的，這使得咱們在編寫Node.js代碼時會常常用到回調函數。Insert Callback插件經過Alt+C快捷鍵迅速地在光標所在的位置插入回調函數，並自動添加函數的第一個參數err，第二個參數d，一般狀況下這正是咱們想要的。安裝JavaScript & NodeJS Snippets插件能夠幫助你在編寫Node.js代碼時給出提示和代碼補全。

---

代碼輔助類

• All Autocomplete：Sublime Text 默認的 Autocomplete 功能只考慮當前的文件，而 All Autocomplete 插件會搜索全部打開的文件來尋找匹配的提示詞。
• SublimeTmpl:新建html、css、javascript、php、python、ruby六種類型的文件模板，全部的文件模板都在插件目錄的templates文件夾裏，能夠自定義編輯文件模板。

ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php

• AutoFileName：快捷輸入文件名，文件路徑自動提示的。自動完成文件名的輸入，如圖片選取，輸入」/」便可看到相對於本項目文件夾的其餘文件。
• SublimeLinter、SublimeLinter-csslint、SublimeLinter-contrib-eslint:語法校驗

npm install -g csslint eslint

• Bracket Highlighter：該插件提供行數列高亮的各類配對的語法符號，顯示在行號上。對於很長的代碼頗有用

可匹配[], (), {}, 「」, 」, <tag></tag>，高亮標記，便於查看起始和結束標記

• Color Highlighter ：CSS顏色高亮

Color Highlighter可以設置成用背景色或者邊框提示顏色，我通常在Settings裏作這樣的設置：點擊 Preferences ->Package Settings ->Color Highlighter -> Settings - User。粘貼以下代碼：

{
    "ha_icons": true,
    "ha_style": "filled"
}

• Colorpicker：使用一個取色器改變顏色。快捷鍵我的設置爲Ctrl+Alt+C

點擊 Preferences -> Browse Packages，選擇 ColorPicker 文件夾，裏面有三個文件，分別是 Default (Linux).sublime-keymap、Default (Linux).sublime-keymap、Default(Linux).sublime-keymap，分別表明了各自系統下的快捷鍵，根據你本身的系統更改便可。粘貼以下代碼：

[
    { "keys": ["ctrl+alt+c"], "command": "color_pick" }
]

---

代碼格式化

• JsFormat：能夠幫助你自動格式化 JavaScript 和 JSON。不少網站的JS代碼都進行了壓縮，一行式的甚至混淆壓縮，這讓咱們看起來很吃力。而這個插件能幫咱們把原始代碼進行格式的整理，包括換行和縮進等等，使代碼一目瞭然。 默認快捷鍵Ctrl+Alt+F

• Trailing spaces：檢測並一鍵去除代碼中多餘的空格。Ctrl+Shift+D（需配置），我的配置爲Ctrl+Alt+D。快捷鍵配置：在Preferences / Key Bindings – User加上代碼（數組內）

{ "keys": ["ctrl+alt+d"], "command": "delete_trailing_spaces" }

• CSScomb : CSS屬性排序(快捷鍵：Ctrl+Shift+C)
• HTML-CSS-JS Prettify：這是一款集成了格式化（美化）html、css、js三種文件類型的插件。插件依賴於nodejs，所以須要事先安裝nodejs，而後才能夠正常運行。快捷鍵Ctrl+Shift+H。快捷鍵衝突，我的設定爲F5

點擊 Preferences ->Package Settings ->HTML/CSS.JS Prettify ->Set
Keyboard Shortcuts

---

輔助類

• A File Icon：美化插件。能夠更清楚瞭解每一個文件的類型，一目瞭然。
• WordCount：能夠實時顯示當前文件的字數。安裝後，後下角多出字數
• ConvertToUTF8：文件轉碼成utf-8，ConvertToUTF8：比上面的那個要方便，直接在菜單欄中能夠轉了，專爲中文設計。經過本插件，您能夠編輯並保存目前編碼不被 Sublime Text 支持的文件，特別是中日韓用戶使用的 GB2312，GBK，BIG5，EUC-KR，EUC-JP ，ANSI等
• IMESupport ：輸入法不跟隨時安裝
• Status Bar Time：狀態欄顯示時間
• Search Stack Overflow：Ctrl+Shift+P打開stackoverflow，輸入問題，自動打開瀏覽器搜索

---

PS

代碼註釋（DocBlockr）和漢化（Chinese Localization）在新版的Sublime Text 3中已經沒法用Package Control: Install Package的方法安裝。能夠下載github官方壓縮包，解壓到本地Sublime Text的安裝目錄的方式安裝。
其中漢化包所有解壓後存在多語言菜單項冗餘的問題。總體刪除後會默認添加一個名爲「ZZZZZZZZ-Localization」的文件夾。完美解決漢化問題。

Chinese Localization
DocBlockr