我的 Sublime Text 2 筆記

標籤：style   blog   http   color   io   os   ar   使用   for   

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

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

快速鍵

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

快速鍵	功能
ctrl + p	搜尋項目中的檔案
ctrl+k, ctrl+b	切換側邊欄顯示狀態
ctrl+shift+backspace	左側全部刪除
ctrl+y	重做或重複
shift+方向鍵	移動並選擇
ctrl+[|]	縮排|取消縮緊
ctrl+l	選擇行，重複可依次增加選擇下一行
ctrl+m	跳轉到對應括弧
alt+.	close tag
ctrl+shift+p	開啟命令選擇區
ctrl+r	前往Method
ctrl+g	跳轉到第幾行
ctrl+/	當前行注釋狀態切換
ctrl+shift+[|]	摺疊|展開(代碼)
ctrl+h	替換

外掛程式

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

由於sublime 2本身不帶外掛程式，所以要先安裝外掛程式管理器（package control），首先開啟控制台，點擊sublime的功能表列 view->show console(或者使用快速鍵 ctrl+`)。

現在開啟了控制台， 這個控制台有上下兩欄， 上面一欄會即時顯示sublime執行了什麼外掛程式，輸出執行結果， 如果你安裝的某個外掛程式不能正常運行，應該先在這裡看看有沒有報錯。下面欄是一個輸入框，可以運行python代碼。

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

import urllib2,os,hashlib; h = ‘7183a2d3e96f11eeadd761d777e62404‘ + ‘e330c659d4bb41d3bdf022e94cab3cd0‘; 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://sublime.wbond.net/‘ + 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了。

然後我們按住 ctrl+shift+p。此時會輸出一個輸入框，即可安裝，刪除，更新外掛程式了。

LESS

這是一個非常棒的外掛程式，可以讓sublime支援less的文法高亮和文法提示，對於搞less的同學灰常重要，不過多解釋。

Emmet

Emmet的前身是大名鼎鼎的Zen coding，如果你從事Web前端開發的話，對該外掛程式一定不會陌生。它使用仿CSS選取器的文法來產生代碼，大大提高了HTML/CSS代碼編寫的速度。

• 這裡是一篇示範文章
• Emmet官網

SublimeLinter

可以驗證各種語法錯誤，不多解釋。

DocBlockr

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

JsFormat

專門用來格式化js的工具，非常給力。

BracketHighlighter

像這些符號是成對的：花括弧{}， 中括弧[],括弧：() ，引號“” 等。 這些符號當我們滑鼠放在開始符號的位置的時候， 希望能明顯看到結尾符號在哪兒sublime預設是底線，很不明顯， 想要明顯一點，可以安裝外掛程式 BracketHighlighter。

我的 Sublime Text 2 筆記