Sublime Text 3

1、安裝Sublime Text 3

　　官網　http://www.sublimetext.com/3

　　選擇對應的版本安裝。完過後，要安裝一個基礎的、必備的包管理：Package Control，用來之後安裝插件用的。

　　Package Control安裝

　　安裝指導 　https://sublime.wbond.net/installation

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

2、插件安裝

　　通過上面安裝了Package Control後，咱們就能夠經過快捷鍵 Ctrl+Shift+P 打開Package Control來安裝插件了。在打開的輸入框中輸入 install ，會根據你的輸入自動提示，選擇 Install Package。

　　經常使用插件　　

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

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

　　三、DocBlockr　　DocBlockr能夠自動生成PHPDoc風格的註釋。它支持的語言有Javascript, PHP, ActionScript, CoffeeScript, Java, Objective C, C, C++

　　四、Emmet(Zen Coding)　　快速生成HTML代碼段的插件，強大到無與倫比，不知道的請自行google

　　五、SideBar Enhancements　　這個插件改進了側邊欄，增長了許多功能

　　六、Themr　　主題管理，切換主題的時候，不用本身修改配置文件了，用這個能夠方便的切換主題

3、快捷鍵

Ctrl+L 選擇整行（按住-繼續選擇下行）
Ctrl+KK 從光標處刪除至行尾
Ctrl+Shift+K 刪除整行
Ctrl+Shift+D 複製光標所在整行，插入在該行以前
Ctrl+J 合併行（已選擇須要合併的多行時）
Ctrl+KU 改成大寫
Ctrl+KL 改成小寫
Ctrl+D 選詞 （按住-繼續選擇下個相同的字符串）
Ctrl+M 光標移動至括號內開始或結束的位置
Ctrl+Shift+M 選擇括號內的內容（按住-繼續選擇父括號）
Ctrl+/ 註釋整行（如已選擇內容，同「Ctrl+Shift+/」效果）
Ctrl+Shift+/ 註釋已選擇內容
Ctrl+Z 撤銷
Ctrl+Y 恢復撤銷
Ctrl+M 光標跳至對應的括號
Alt+. 閉合當前標籤
Ctrl+Shift+A 選擇光標位置父標籤對兒
Ctrl+Shift+[ 摺疊代碼
Ctrl+Shift+] 展開代碼
Ctrl+KT 摺疊屬性
Ctrl+K0 展開全部
Ctrl+U 軟撤銷
Ctrl+T 詞互換
Tab 縮進 自動完成
Shift+Tab 去除縮進
Ctrl+Shift+↑ 與上行互換
Ctrl+Shift+↓ 與下行互換
Ctrl+K Backspace 從光標處刪除至行首
Ctrl+Enter 光標後插入行
Ctrl+Shift+Enter 光標前插入行
Ctrl+F2 設置書籤
F2 下一個書籤
Shift+F2 上一個書籤

4、拓展　

　|ZenCoding（前端必備，快速開發HTML/CSS，現已改名爲Emmet。）

　　輸入div.container.div.item$3>a{$}、按tab

　　

　　輸入div.wrapper>div.header+div.main+div.footer、按tab

　　

 

　　|JsFormat

　　格式化js代碼，這個插件頗有用，咱們有時在網上看到某些效果，想查看是怎麼實現的，可是代碼被壓縮過，很難閱讀，不用怕，用ST3打開，按下快捷鍵，便可讓代碼還原，莫非是武林中失傳已久的「還我靚靚拳」。

　　l Goto-CSS-Declaration，跳轉到css文件該class的聲明處，方便修改查看，如圖下所示，注意對應的css文件要同時打開才行。

　　l SCSS，支持scss的語法高亮，裏面附帶了好多CSS Snippet，不管現用或者改形成，均可節省很多時間。