關於Sublime Text3的安裝和優雅使用我有一句標特否要說

說在前面

古人云：「工欲善其事，必先利其器。」，因此要想更好的裝逼，呸呸呸，是更好的擼碼，那就必須得有一款看起來很高大上，使用起來很爽，又很輕量級的編輯器了。在不一樣語言的開發環境下可能你都會有很喜歡的編輯器，但有時候你僅僅只是想寫點什麼或者看下別人寫的東西，又不想打開你那沉重的IDE，那麼你就能夠選擇一些輕量級的編輯器了，下面說說我知道的幾款吧。

• notepad++： windows下的一款比較好用的文本編輯器（至少比系統的記事本好用）
• vim(或者vi)：這款號稱叫編輯器之神的編輯器，確實好用，有幾種模式和一大堆的快捷鍵，有點記不住，並且在Linux操做系統下用的較多(windows的git bash裏也有)
• Sublime Text(簡稱ST)：這就是今天的主角了，他強大的插件和用法比起上面兩款應該是更受青睞，下面就詳細說說它的安裝和一些插件安裝以及快捷鍵(請準備好凳子。。。)

安裝Sublime Text 3

首先直接去它的官網　根據本身的系統版本下載相應的安裝包，可是必定要選擇ST3，而不是ST2，3比2好用，真的，後面你就知道了。

安裝好後，打開後是否是發現最頂部有一個括號，裏面寫的未註冊的英文，有強迫症的朋友估計受不了了，那麼就來激活它吧。(固然，手頭寬裕的仍是請支持正版！)

點開Help，填入註冊碼便可去掉那個括號了。下面是親測可用的註冊碼。

—– BEGIN LICENSE —– Michael Barnes Single User License EA7E-821385 8A353C41 872A0D5C DF9B2950 AFF6F667 C458EA6D 8EA3C286 98D1D650 131A97AB AA919AEC EF20E143 B361B1E7 4C8B7F04 B085E65E 2F5F5360 8489D422 FB8FC1AA 93F6323C FD7F7544 3F39C318 D95E6480 FCCC7561 8A4A1741 68FA4223 ADCEDE07 200C25BE DBBC4855 C4CFB774 C5EC138C 0FEC1CEF D9DCECEC D3A5DAD1 01316C36 —— END LICENSE —— —– BEGIN LICENSE —– Nicolas Hennion Single User License EA7E-866075 8A01AA83 1D668D24 4484AEBC 3B04512C 827B0DE5 69E9B07A A39ACCC0 F95F5410 729D5639 4C37CECB B2522FB3 8D37FDC1 72899363 BBA441AC A5F47F08 6CD3B3FE CEFB3783 B2E1BA96 71AAF7B4 AFB61B1D 0CC513E7 52FF2333 9F726D2C CDE53B4A 810C0D4F E1F419A3 CDA0832B 8440565A 35BF00F6 4CA9F869 ED10E245 469C233E —— END LICENSE —— —– BEGIN LICENSE —– Anthony Sansone Single User License EA7E-878563 28B9A648 42B99D8A F2E3E9E0 16DE076E E218B3DC F3606379 C33C1526 E8B58964 B2CB3F63 BDF901BE D31424D2 082891B5 F7058694 55FA46D8 EFC11878 0868F093 B17CAFE7 63A78881 86B78E38 0F146238 BAE22DBB D4EC71A1 0EC2E701 C7F9C648 5CF29CA3 1CB14285 19A46991 E9A98676 14FD4777 2D8A0AB6 A444EE0D CA009B54 —— END LICENSE —— —– BEGIN LICENSE —– Alexey Plutalov Single User License EA7E-860776 3DC19CC1 134CDF23 504DC871 2DE5CE55 585DC8A6 253BB0D9 637C87A2 D8D0BA85 AAE574AD BA7D6DA9 2B9773F2 324C5DEF 17830A4E FBCF9D1D 182406E9 F883EA87 E585BBA1 2538C270 E2E857C2 194283CA 7234FF9E D0392F93 1D16E021 F1914917 63909E12 203C0169 3F08FFC8 86D06EA8 73DDAEF0 AC559F30 A6A67947 B60104C6 —— END LICENSE ——

這些註冊碼來自Sublime text 3 3103 註冊碼，感謝提供註冊碼的做者。

Package Control安裝

Package Control是一個基礎的、必備的包管理，主要用來之後的插件安裝。官網的安裝指導。

打開ST3，點擊菜單 View -> Show Console，會在底部出現一個命令輸入框，而後將上面的命令拷貝(官網的安裝指導打開這個網址拷貝)到輸入框中，回車，等待，安裝成功。

插件安裝

• 插件安裝方式一：直接安裝

安裝Sublime text 3插件很方便，能夠直接下載安裝包解壓縮到Packages目錄（菜單->preferences->packages）。

• 插件安裝方式二：使用Package Control組件安裝：

  通過上面安裝了Package Control後，咱們就能夠經過快捷鍵 Ctrl+Shift+P (或者點擊preferences -> Package Control)打開Package Control來安裝插件了。在打開的輸入框中輸入 install ，會根據你的輸入自動提示，選擇 Install Package。以下圖：

咱們輸入chinese，選擇ChineseLocalization安裝一個語言包，安裝好後菜單上的文字就會自動變成簡體中文了。

ST安裝與MarkDown有關的插件

Markdown 是一種方便記憶、書寫的純文本標記語言，用戶可使用這些標記符號以最小的輸入代價生成極富表現力的文檔：譬如您正在閱讀的這份文檔。它使用簡單的符號標記不一樣的標題，分割不一樣的段落，粗體 或者 斜體 某些文字 還能夠顏色變換 等等。

• MarkDown Editing

  SublimeText不只僅是可以查看和編輯 Markdown 文件，但它會視它們爲格式很糟糕的純文本。這個插件經過適當的顏色高亮和其它功能來更好地完成這些任務。

• MarkDown Preview

  1. 使用 Markdown Preview較經常使用的功能是preview in browser和Export HTML in Sublime Text，前者能夠在瀏覽器看到預覽效果，後者可將markdown保存爲html文件。 preview inbrowser據稱是實時的，可是實踐上仍是須要在st保存，而後瀏覽器刷新才能看到新的效果， 好在markdown寫得多的話也不須要每敲一行看一次效果。

  2. 編輯 按Ctrl + N 新建一個文檔 使用Markdown語法編輯文檔 按Ctrl + Shift + P 語法高亮，輸入ssm 後回車(Set Syntax: Markdown)

  3. 在瀏覽器預覽Markdown文檔 按Ctrl + Shift + P 輸入mp 後回車(Markdown Preview: current file in browser) 此時就能夠在瀏覽器裏看到剛纔編輯的文檔了; 若設置了快捷鍵,直接(alt+m/..)便可.

  4. 快捷鍵 st支持自定義快捷鍵，markdown preview默認沒有快捷鍵，咱們能夠本身爲preview in browser設置快捷鍵。 方法是在Preferences -> Key Bindings User打開的文件的中括號中添加如下代碼(可在Key Bindings Default找到格式)： { "keys": ["alt+m"], "command": "markdown_preview", "args": { "target": "browser"} } "alt+m"可設置爲您本身喜歡的按鍵。

     注意：添加快捷鍵的語法相似Json，因此，若是在你添加的[]裏已經有這樣的代碼了，記得在末尾加上英文輸入法下的逗號即'，'。

  5. 打印成pdf 將markdown轉換爲pdf應該有不少種方法的。可直接用谷歌瀏覽器虛擬打印功能生成。 利用Markdown Preview的Preview in Browser功能能夠在瀏覽器上看到html效果。在頁面右鍵->打印->另存爲pdf->調節頁邊距便可將pdf文件下載下來。

Sublime Text 3其餘插件推薦

• Sublime Terminal：這個插件可讓你在Sublime中直接使用終端打開你的項目文件夾，並支持使用快捷鍵。

• ColorPicker：一般，若是你想使用一個顏色選擇器則可能打開 Photoshop。而在 Sublime Text 中，你可使用內置的顏色選擇器。安裝完成後，只要按下Ctrl / Cmd + Shift + C 快捷鍵。

• SublimeREPL：這多是對程序員頗有用的插件。SublimeREPL 容許你在 Sublime Text 中運行各類語言（NodeJS ， Python，Ruby， Scala 和 Haskell 等等）。

• Ctags插件：Sublime Text不能支持函數的跳轉（好比像Eclipse那樣，按住Control點擊該方法或者對象，便可跳轉到定義的地方； Alt+←便可回到原處）。其實Sublime Text也能夠藉助插件實現之（固然，有些狀況下:Can not find defination）畢竟這個也是藉助正則來匹配完成的。

• SublimeLinter插件：SublimeLinter 是前端編碼利器——Sublime Text 的一款插件，用於高亮提示用戶編寫的代碼中存在的不規範和錯誤的寫法，支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多種開發語言。這篇文章介紹如何在 Windows 中配置 SublimeLinter 進行 JS & CSS 校驗。

• SideBarEnhancements插件：SideBarEnhancements是一款很實用的右鍵菜單加強插件；在安裝該插件前，在Sublime Text左側FOLDERS欄中點擊右鍵，只有寥寥幾個簡單的功能；安裝了就至關於給其豐了大胸通常。 更強大的是，該插件還能讓咱們自定義快捷鍵呼出某個瀏覽器以預覽頁面！這樣就不用到項目目錄下尋找和拖動到特定瀏覽器中預覽了。 安裝此插件後，點擊菜單欄的preferences->package setting->side bar->Key Building-User，鍵入如下代碼：

  [   
    { "keys": ["ctrl+shift+c"], "command": "copy_path" },
    //chrome
    { "keys": ["f2"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "C:\\Users\\hydcoder\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
                "extensions":".*"
            }
     }
    ]
  複製代碼

  這裏設置按Ctrl+Shift+C複製文件路徑，按F2便可在Chrome瀏覽器預覽效果(若是須要的話，也能夠根據本身的須要爲Firefox，Safari，IE，Opera等加上)，固然你也能夠本身定義喜歡的快捷鍵，application後面的路徑須要換成本身的chrome安裝路徑。

• SublimeTmpl 快速生成文件模板：sublime text 3沒有新建文件模板的功能，像html頭部的DTD聲明每次都要複製粘貼。用SublimeTmpl這款插件終於能夠解脫了，SublimeTmpl能新建html、css、javascript、php、python、ruby六種類型的文件模板，全部的文件模板都在插件目錄的templates文件夾裏，能夠自定義編輯文件模板。 SublimeTmpl默認的快捷鍵:

  ctrl+alt+h html
    ctrl+alt+j javascript
    ctrl+alt+c css
    ctrl+alt+p php
    ctrl+alt+r ruby
    ctrl+alt+shift+p python
  複製代碼

若是想要新建其餘類型的文件模板的話，先自定義文件模板方在templates文件夾裏，再分別打開Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings這四個文件照着裏面的格式自定義想要新建的類型。

• Javascript-API-Completions:支持Javascript、JQuery、Twitter Bootstrap框架、HTML5標籤屬性提示的插件，是少數支持sublime text 3的後綴提示的插件，HTML5標籤提示sublime text3自帶，不過JQuery提示仍是頗有用處的，也可設置要提示的語言。

• Doc​Blockr: 代碼塊註釋。能夠快速的對函數進行註釋。保持代碼規範。支持多種語言,有 JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.

  1. /*:回車建立一個代碼塊註釋
  2. /**:回車在自動查找函數中的形參等等。

  它會生成 JSDoc 格式的註釋。若是你從沒有使用過相似的工具，DocBlockr 會讓你以爲之前沒有它是如何寫代碼的。幫助你創造你的代碼註釋，經過解析功能，參數，變量，而且自動添加基本項目；若是你願意其更爲便捷，不妨再結合AutoHotKey,高效註釋，由此開啓。

• ConvertToUTF8： 支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等編碼的插件

• Bracket Highlighter： 用於匹配括號，引號和html標籤。對於很長的代碼頗有用。安裝好以後，不須要設置插件會自動生效

• Emmet：快速生成HTML代碼段的插件，強大到無與倫比:能夠超快速編寫HTML/CSS/JS，固然這個插件還支持多種編譯環境，如常見的：Eclipse/Aptana、Coda、Notepad++、Adobe Dreamweaver、TextMate等，web開發必備！！！

• **jsFormat **：格式化js代碼，強迫症Coder必備！默認快捷鍵Ctrl+Alt+F。

• ClickableURLs：可點擊的URL，使用小插件ClickableURLs可讓文件中的URL可以點擊。

• 終極必殺：本身編寫專用的Sublime Text插件。雖說各個方面好比移動端，Web前段，服務器端，非Coder的Writer所須要的方便已經被集成在了不一樣的插件中。但譬如，須要快捷打開PC端的某個模擬器，便捷的進行某些校驗，只要你想的到的基本均可以將其在插件內，以快捷鍵處理之。至於如何編寫SublimeText插件，請參看這裏 編寫本身的Sublime Text2 插件。

設置屬於本身的快捷鍵

• 使用SublimeText內置的快捷鍵：好比 Ctrl + Shift + P 打開命令面板:例如打開Package Control安裝各類插件；能夠能夠輸入Set(Snytax)來改變使用的語言環境，瞬間切換等等。

• 設置快捷鍵。在SublimeText裏，打開Preferences -> Key Bindings - User，好比：

  [
      { "keys": ["ctrl+f9"], "command": "build" },
      { "keys": ["f10"], "command": "build", "args": {"variant": "Run"} },
      { "keys": ["ctrl+shift+x"], "command": "toggle_comment", "args": { "block": true } }
   	]
  複製代碼

具體可參見Sublime Text3 快捷鍵彙總及設置快捷鍵配置環境變量

硬貨(實用技巧)

• Ctrl+O(Command+O)：能夠實現頭文件和源文件之間的快速切換
• 經過 View -> Side bar 可在左側顯示當前打開的文件列表
• ST3雖然不像notepad++能夠在sidebar上顯示函數列表，可是可經過Ctrl+R查看
• 經過 Preference -> Key binding user 可根據我的操做習慣自定義快捷鍵（包括ST3自帶的和插件的）
• 雙擊可選中光標所在單詞，三擊可選中光標所在行(等同於Ctrl＋L(Command+L));
• Ctrl+Shift+T能夠打開以前關閉的tab頁，這點同chrome是同樣的Ctrl+R定位函數；Ctrl+G定位到行；
• 有時咱們須要對一片區域的全部行進行同時編輯，Ctrl+Shift+L能夠將當前選中區域打散，而後進行同時編輯：

• 有打散天然就有合併，Ctrl + J(mac下Command＋J)能夠把當前選中區域合併爲一行

• Windows下Ctrl + ←/→進行逐詞移動，相應的，Ctrl + Shift + ←/→進行逐詞選擇。

• Sublime text 刪除插件步驟：「Ctrl+Shift+P」—「Remove Package」—「找到須要刪除的插件，並點擊便可刪除」;

• 編輯代碼時咱們常常會開多個窗口，因此分屏很重要。Windows下：Alt + Shift + 2進行左右分屏，Alt + Shift + 8進行上下分屏，Alt + Shift + 5進行上下左右分屏（即分爲四屏）

• Sublime 拼寫檢查：使用SublimeText從事英文創做，那麼啓用拼寫檢查就很是有用處了。選擇Preferences > Settings – User菜單，添加如下代碼：

  "spell_check": true,
  複製代碼

結語

因爲Sublime Text很強大，因此我所知道的和這篇文章所說的也只不過是滄海一粟，冰山一角，只但願能幫到有須要的人。也給本身的使用作一個筆記和總結。

參考文章出處：

如何優雅地使用Sublime Text3
Sublime Text 3能用支持的插件推薦
Sublime Text3插件：加強篇
20個強大的SublimeText插件