今天打開(kāi)sublime的官網(wǎng)，發(fā)現(xiàn)官網(wǎng)上已經(jīng)推薦默認(rèn)推薦大家使用sublime text 3了，作為追趕時(shí)代的人，我怎么能夠落后呢？我決定開(kāi)始使用sublime3，同時(shí)我也希望你也能夠使用。

本文記錄我是用sublime 3的筆記，涉及到方方面面，主要是方便自己，也希望能夠幫到你。

注：我之前寫過(guò)一篇sublime text 2的筆記，取走不謝。

安裝

在官網(wǎng)下載最新版的安裝文件，選擇對(duì)應(yīng)的平臺(tái)，我用的是windows，sublime3和2是能夠共存的，我就在自己電腦同時(shí)裝了3和2，并準(zhǔn)備逐步遷移到3上面。

沒(méi)錯(cuò)本文就是在sublime3 上寫的。

初始化

sublime3是高度定制化的，安裝完成后，我做的第一件事情就是按照自己的習(xí)慣定制。

打開(kāi)Preferences->Setting-Default，在那里面有很多默認(rèn)配置選項(xiàng)，我們可以在這里改變默認(rèn)值，但我的建議是在Setting-User里面去進(jìn)行修改。

修改顯示字體大小，我一般習(xí)慣使用14號(hào)字

"font_size": 14, // 默認(rèn)10

保存文件時(shí)自動(dòng)在末尾添加空行（我們的項(xiàng)目有這樣的要求）

"ensure_newline_at_eof_on_save": true, // 默認(rèn)是false

默認(rèn)使用Unix換行符，如果大家使用統(tǒng)一的換行符，會(huì)讓事情變得簡(jiǎn)單

"default_line_ending": "unix", // 默認(rèn)是system

使用空格填充tab鍵，沒(méi)有好壞之分，統(tǒng)一就好

"translate_tabs_to_spaces": true,// 默認(rèn)是false

我還把-和$兩個(gè)符號(hào)從分隔符中刪掉，這樣在選擇php變量和css選擇符的時(shí)候就更爽了

"word_separators": "./\\()\"':,.;<>~!@#%^&*|+=[]{}`~?"

如果你感興趣也可以修改其他配置選項(xiàng)試試，快去定制屬于自己的編輯器吧。

快捷鍵

如果你還不習(xí)慣快捷鍵，那你真的該學(xué)習(xí)了，我越來(lái)越依賴快捷鍵了。

sublime的快捷鍵非常非常多，很難都記住，按照80/20原則，只有20%是常用的，下面是我常用的快捷鍵：

語(yǔ)法說(shuō)明：

• ctrl+x ctrl和x鍵同時(shí)按
• x & y x操作后，進(jìn)行y操作
• x | y x操作或y操作
• (x) 分組x是一個(gè)整體
• [x] x是可選操作
• x, y x操作, y操作（兩個(gè)類似操作寫到一行）

插件

sublime是離不開(kāi)插件的，來(lái)曬曬我的插件吧。

Package Control

sublime的插件工具也是一個(gè)插件，這似乎是個(gè)悖論，需要安裝的插件叫做Package Control。

首先打開(kāi)控制臺(tái)，點(diǎn)擊sublime的菜單欄 view->show console(或者使用快捷鍵 ctrl+`)，然后運(yùn)行下的代碼，等待幾秒鐘。

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())

或者下面的也可以

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( 'https://packagecontrol.io/' + pf.replace(' ','%20')).read())

現(xiàn)在在Preferences中就能看到 Package Control了，如下圖所示。

JavaScript-Completions

原生js提示插件，這個(gè)插件能夠提供很多js語(yǔ)法。

Vintage

如果你習(xí)慣使用vim，那么可以安裝這個(gè)插件，這個(gè)插件可以讓sublime像vim一樣。

[Babel]

最近在寫React，jsx用這個(gè)來(lái)做高亮顯示

Smarty

提供smarty語(yǔ)法的支持。Smarty插件默認(rèn)的分隔符是{}，如果你使用的分隔符不同可以更改插件目錄的Smarty.tmPreferences文件，找到其中的SMARTY_LDELIM和SMARTY_RDELIM，修改為你的分隔符即可。

Liquid

提供Liquid語(yǔ)法支持，如果你也寫博客的話不妨試試。

SyncedSidebarBg

有很多強(qiáng)迫癥同學(xué)發(fā)現(xiàn)自己的目錄欄和編輯部分的背景顏色不一致，這個(gè)插件可以幫你解決這個(gè)讓你不爽的問(wèn)題

LESS

這是一個(gè)非常棒的插件，可以讓sublime支持less的語(yǔ)法高亮和語(yǔ)法提示，對(duì)于搞less的同學(xué)灰常重要，不做過(guò)多解釋。

SCSS

提供sass語(yǔ)法高亮支持，不建議安裝SASS，SCSS更適合.scss語(yǔ)法支持。

Pretty JSON

提供對(duì)json文件的美化和格式化功能。

jQuery

支持jquery的只能語(yǔ)法提示，很贊。

Emmet

Emmet的前身是大名鼎鼎的Zen coding，如果你從事Web前端開(kāi)發(fā)的話，對(duì)該插件一定不會(huì)陌生。它使用仿CSS選擇器的語(yǔ)法來(lái)生成代碼，大大提高了HTML/CSS代碼編寫的速度。對(duì)于html可以使用tab鍵，對(duì)于其他比如jsx可以使用ctrl+e

• 這里是一篇演示文章
• Emmet官網(wǎng)

DocBlockr

DocBlockr 可以使你很方便地對(duì)代碼建立文檔。它會(huì)解析函數(shù)，變量，和參數(shù)，根據(jù)它們自動(dòng)生成文檔范式，你的工作就是去填充對(duì)應(yīng)的說(shuō)明。

HTML/CSS/JS Prettify

能夠格式化css html 和js。

注意：格式化的文件路徑中不能有中文，不然會(huì)報(bào)找不到node的錯(cuò)誤（windows下）。

BracketHighlighter

像這些符號(hào)是成對(duì)的：花括號(hào){}， 中括號(hào)[],括號(hào)：() ，引號(hào)“” 等。 這些符號(hào)當(dāng)我們鼠標(biāo)放在開(kāi)始符號(hào)的位置的時(shí)候， 希望能明顯看到結(jié)尾符號(hào)在哪兒sublime默認(rèn)是下劃線，很不明顯， 想要明顯一點(diǎn)，可以安裝插件 BracketHighlighter。

Terminal

可以sublime中，打開(kāi)命令行，非常方便哦。還可在自定義打開(kāi)的命令行，比如我就把默認(rèn)命令行改為了git-bash。只需在設(shè)置中進(jìn)行如下配置即可（注意路徑）。

"terminal": "D:\\Program Files\\Git\\git-bash.exe"

Terminal會(huì)占用默認(rèn)的ctrl + shift + t這個(gè)快捷鍵，這個(gè)可以打開(kāi)剛剛關(guān)閉的頁(yè)面，所以我將這個(gè)快捷鍵修改為 ctrl + alt + t。

Git

安裝這個(gè)插件就可以在底部狀態(tài)欄顯示當(dāng)前文件的git狀態(tài)

TortoiseSVN

安裝這個(gè)插件可以在郵件顯示svn提交命令，這樣我就不用打開(kāi)文件夾了

AutoFileName

以前用dreamweave的時(shí)候在引用文件的時(shí)候，可以自動(dòng)補(bǔ)全文件名的功能，這個(gè)插件讓sublime有了這個(gè)功能。

AllAutocomplete

自動(dòng)完成插件，可在全部打開(kāi)的文件中，自動(dòng)完成。

Alignment

對(duì)齊插件，強(qiáng)迫癥患者必備，可以按等號(hào)對(duì)齊兩邊的變量。

SideBarEnhancements

增強(qiáng)sublime的右鍵功能。

MultiEditUtils

擴(kuò)展多行編輯的功能。

Markdown Preview

如果你也喜歡md語(yǔ)法，那么安裝這個(gè)插件吧，可以很方便的預(yù)覽。

HTMLEntity Snippets

當(dāng)你想輸入html實(shí)體標(biāo)簽時(shí)，然后又記不住時(shí)，使用這個(gè)插件吧。

ConvertToUTF8

這個(gè)插件可以讓sublime3打開(kāi)gbk編碼的文件，但是不能保存，我還沒(méi)找到更好的插件

Package Syncing

最后推薦一個(gè)同步插件，這個(gè)插件可以在不同的機(jī)器同步配置信息和插件，非常方便，但鑒于國(guó)內(nèi)的墻太高，我都是直接把插件給手動(dòng)備份了，然后直接拖進(jìn)去，或者直接去github上下載對(duì)應(yīng)的包。

這里是我的Package Syncing 導(dǎo)出來(lái)的文件。

總結(jié)

sublime非常棒的，正是我喜歡的風(fēng)格。

參考資料

• Gif多圖：我常用的 16 個(gè) Sublime Text 快捷鍵
• 12個(gè)不可不知的Sublime Text應(yīng)用技巧和訣竅
• 如何優(yōu)雅地使用Sublime Text3