我的 Sublime Text 2 筆記

作為aptana死忠粉的我，最近由于工作需要最近開始使用sublime，初次使用，就被其秒開的啟動速度，簡潔的界面設計，無干擾的信息提示所這幅。

俗話說，工欲善其事必先利其器，作為碼農，在開始編碼之前，必須要對自己的工具熟悉，才能事半功倍，所以開始了一番折騰，下面記錄下一些筆記。

初始化

安裝完編輯器后就可以使用了，但我一般會進行一些配置，希望你也按照自己的喜歡進行配置。

下面的配置都是打開Preferences->Setting-Default，在那里面有很多默認配置選項，我們可以在這里改變默認值。

修改顯示字體大小，我一般習慣使用14號字

"font_size": 14, // 默認10

保存文件時自動在末尾添加空行（我們的項目有這樣的要求）

"ensure_newline_at_eof_on_save": true, // 默認是false

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

"default_line_ending": "unix", // 默認是system

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

"translate_tabs_to_spaces": true,// 默認是false

上面的配置項，如果你是一個完美主義者，可以在用戶配置文件中配置，不修改默認配置文件。

快捷鍵

作為碼農，很多時間都是在敲鍵盤的，所以快捷鍵是非常重要的，sublime的快捷鍵非常非常多，很難都記住，按照80/20原則，只有20%是常用的，下面是我常用的快捷鍵：

語法說明：

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

插件

sublime的功能已經很滿足大部分需求了，但還是有個別差異化的需求，無法滿足，這時候sublime的插件派上用場，先來曬下我的插件。

Package Control

由于sublime 2本身不帶插件，所以要先安裝插件管理器（Package Control），可以通過在線和離線安裝。

在線安裝

首先打開控制臺，點擊sublime的菜單欄 view->show console(或者使用快捷鍵 ctrl+`)。

現(xiàn)在打開了控制臺， 這個控制臺有上下兩欄， 上面一欄會實時顯示sublime執(zhí)行了什么插件，輸出執(zhí)行結果， 如果你安裝的某個插件不能正常運行，應該先在這里看看有沒有報錯。下面欄是一個輸入框，可以運行python代碼。

我們輸入下面的代碼點擊回車運行， 就能安裝好package control了。

import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

運行結束以后，記得重啟編輯器，就能在Preferences中看到 Package Control了。

離線安裝

如果在線安裝失敗，你可以試試離線安裝，前提是需要一個Package Control的安裝包，將該安裝包替換到Sublime Text2的相關路徑下即可，這里有兩個路徑，經驗證放置到其中任意一處均可。

• 路徑一：打開Sublime Text 2，點擊PreFerences –> Browse Packages，進入一個文件夾后返回該文件夾的上一級“Sublime Text2”，找到一個“Installed Packages”文件夾（如果沒有該文件夾則創(chuàng)建個新的），將下載好的Package Control的安裝包放到“Installed Packages”文件夾下即可。
• 路徑二：Sublime Text 2 的安裝路徑，“Sublime Text 2\Pristine Packages\”文件夾下。

其中路徑一是官方推薦的防止路徑，詳細信息，請看這里。

安裝完成后，按住 ctrl+shift+p。此時會輸出一個輸入框，即可安裝，刪除，更新插件了。

Vintage

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

Smarty

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

• github

Liquid

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

CSS3_Syntax

對css語法高亮的支持，view-syntax-css3選中css3就能使用css3高亮了。必須每條屬性都加上分號，并且屬性必須小寫，不然不會高亮，有點雞肋啊。

Autoprefixer

可以給css自動加前綴功能

LESS

這是一個非常棒的插件，可以讓sublime支持less的語法高亮和語法提示，對于搞less的同學灰常重要，不過多解釋。

SCSS

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

JavaScriptNext - ES6 Syntax

提供ES6的語法支持。

Pretty JSON

提供對json文件的美化和格式化功能。

jQuery

支持jquery的只能語法提示，很贊。

Emmet

Emmet的前身是大名鼎鼎的Zen coding，如果你從事Web前端開發(fā)的話，對該插件一定不會陌生。它使用仿CSS選擇器的語法來生成代碼，大大提高了HTML/CSS代碼編寫的速度。

• 這里是一篇演示文章
• Emmet官網

SublimeLinter

可以驗證各種語法錯誤，不多解釋。目前這個插件已經不支持sublime2了，我還沒找到代替的插件。

DocBlockr

DocBlockr 可以使你很方便地對代碼建立文檔。它會解析函數，變量，和參數，根據它們自動生成文檔范式，你的工作就是去填充對應的說明。

HTML/CSS/JS Prettify

能夠格式化css html 和js。

注意：格式化的文件路徑中不能有中文，不然會報找不到node的錯誤（windows下）。

BracketHighlighter

像這些符號是成對的：花括號{}， 中括號[],括號：() ，引號“” 等。 這些符號當我們鼠標放在開始符號的位置的時候， 希望能明顯看到結尾符號在哪兒sublime默認是下劃線，很不明顯， 想要明顯一點，可以安裝插件 BracketHighlighter。

GBK Encoding Support

這個插件還是非常有用的，因為sublime 本身 不支持gbk編碼，在utf8如此流行的今天，我們整站還是gbk編碼，o(︶︿︶)o 唉，所以全靠這個插件了。

Terminal

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

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

SyncedSideBar

支持當前文件在左側面板中定位，不錯。

Clipboard History

可以保存粘貼的歷史，很贊的功能，再也不用擔心歷史丟失了。ctrl+alt+v可打開歷史面板，上下選擇即可，安裝后會和默認的ctrl+shift+v（粘貼縮進）沖突，干掉這個快捷鍵。

Autoprefixer

自動添加css前綴，這個也是挺有用的。

AutoFileName

以前用dreamweave的時候在引用文件的時候，可以自動補全文件名的功能，這個插件讓sublime有了這個功能。

AllAutocomplete

自動完成插件，可在全部打開的文件中，自動完成。

Aligment

對齊插件，強迫癥患者必備，可以按等號對齊兩邊的變量。

HexViewer

提供十六進制文件查看功能。

MultiEditUtils

擴展多行編輯的功能。

Markdown Preview

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

HTMLEntity Snippets

當你想輸入html實體標簽時，然后又記不住時，使用這個插件吧。

IMESupport

當你發(fā)現(xiàn)你的輸入法在輸入中文的時候輸入框不在光標的位置那可能是這個問題，這其實是sublime的一個bug，試試這個吧，這里有一篇文章介紹《sublime text 插件：IMESupport》。

Package Syncing

最后推薦一個同步插件，這個插件可以在不同的機器同步配置信息和插件，非常方便，但鑒于國內的墻太高，我都是直接把插件給手動備份了，然后直接拖進去，或者直接去github上下載對應的包。

這里是我的Package Syncing 導出來的文件。

總結

sublime非常棒的，正是我喜歡的風格。

參考資料

• Gif多圖：我常用的 16 個 Sublime Text 快捷鍵
• 12個不可不知的Sublime Text應用技巧和訣竅