Sublime Text 2 使用簡介

Sublime Text 2 使用心得一、 前言

作為一個前端，有一款好的開發利器是必不可少的，editplus、notepad++都是不錯的工具，體積輕巧，啟動迅速（dw太浮腫了）。最近，又有一款新的編輯器誕生，席捲前端界，惹得無數喜愛，不少前端er紛紛拋棄用了數年的“夥伴”，投入了她的懷抱——Sublime Text2。Sublime Text2是一款跨平台的編輯器，再也不用為換平台而找不到合適的、熟悉的編輯器擔憂了。目前，還是beta版中，不過功能已經很強大了，更新也很快，目前最新是bulid2181。ST2不是免費的，但可以永久免費使用，只是在儲存的時候，偶爾會彈出要你購買註冊的對話方塊，僅此而已。官網地址：http://www.sublimetext.com/2。

二、 功能

Sublime Text2 是一款具有代碼高亮、文法提示、自動完成且反應快速的編輯器軟體，不僅具有華麗的介面，還支援外掛程式擴充機制，用她來寫代碼，絕對是一種享受。

介面

先看下ST2的介面：

l 從上到下：標題列↓功能表列↓tab控制欄↓編輯區↓狀態列；

l 從做到右：分別是側邊欄（可關閉）→編輯區→MiniMap

功能表列

各種命令，各種設定。

Tab欄

很多編輯器都有的，如果檔案編輯過未儲存，右上方有個小圓點提示儲存，如果未儲存關了也不用害怕，ST2很貼心，會幫我們自動儲存。

編輯區

這是我們主要的工作區域，ST2支援代碼自動縮排，程式碼摺疊功能功能。

介紹幾個常見的功能：

l 自動完成：自動完成的快速鍵是Tab，如果在html檔案中，輸入cl按下tab，即可自動補全為class=””；加上zencoding後，更是如虎添翼，後面再講到

l 多列編輯：按住ctrl點擊滑鼠，會出現多個閃爍的游標，這時可同時修改多處

或者按住滑鼠中鍵拖拽，

l 代碼注釋功能：ctrl+/、ctrl+shift+/分別未行注釋和塊注釋，再按一下就能去掉注釋，ST2能夠自動識別是html、css還是js檔案，給出不同類型的注釋。

l 行操作：ctrl+alt+↑、ctrl+alt+↓向上或者向下交換兩行，ctrl+enter，游標後插入空行，ctrl+d選擇相似，可以參考後面的快速鍵列表。

l 右鍵功能：

前3個，大家都知道，第4個，show unsaved changes，顯示未儲存的修改，紅色減號表示刪去的內容，綠色加號表示新增的內容

Open Containing Folder…，開啟包含此檔案的檔案夾，這個很方便找到相關的檔案

Copy File Path，複製檔案路徑，方便我們複製路徑到瀏覽器中查看

Auto-Format Tags on Selection 格式化選中的文檔，方便我們更清晰的查看代碼結構，雖然ST2有自動縮排功能，但是當我們粘貼進一段沒有格式化過的代碼，就需要這個能了，這個功能要安裝了Tag這個外掛程式才會出現。

l 人性化設計：ST2雖然還是beta版中，但是有很多設計細節還是值得稱讚的，比如點擊一個標籤或者括弧，會在起始處顯示下劃點線，方便看清代碼結果，每一層嵌套代碼間都有豎線，起到視覺輔助的作用。

 

三、 設定

Sublime text2 在bulid2181後，對【設定】進行了合并，現在只有兩個選項，分別是系統設定和快速鍵設定。

一般我們修改設定的話，最好複製出來在user裡修改，以免以後升級default被覆蓋掉。

l Settings：在此檔案裡，可以修改很多東西，比如主題，字型，字型大小，是否顯示行號、自動縮排、自動完成。很多都預設選中了，我另外修改了兩個地方：

98行——顯示縮圖邊框

101行——游標當前行高亮顯示

有助於我們快速找到游標位置。

l Key Bindings：快速鍵設定，ST2的快速鍵很多，改的時候注意不要覆蓋了。因為快速鍵眾多，所以有下面這種組合快速鍵，先按下ctrl+k，鬆開k，再按下j就可以展開全部代碼了。

l 主要快速鍵列表

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 上一個書籤

四、 擴充

ST2是支援外掛程式擴充的，首先，我們需要安裝Package Contro，ctrl+`調出命令列工具，輸入import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

斷行符號即可。

點擊Preferences→Package Control，顯示以下彈窗：

n Disable Package ：禁用外掛程式

n enable Package ：啟用外掛程式

n Install Package ：安裝外掛程式

n List Package ：查看已安裝外掛程式列表

n Remove Package ：移除外掛程式

n Upgrade Package ：升級外掛程式

外掛程式推薦：

已安裝外掛程式列表：

l ZenCoding：前端必備，快速開發HTML/CSS

輸入 div.wrapper>div.header+div.main+div.footer 按下Tab，立刻變成

或者按下ctrl+alt+enter，激發zencoding控制台，可看到整個動態過程。

l JsFormat，格式化js代碼，這個外掛程式很有用，我們有時在網上看到某些效果，想查看是怎麼實現的，但是代碼被壓縮過，很難閱讀，不用怕，用ST2開啟，按下ctrl+alt+5（這是我設定的快速鍵），即可讓代碼還原，莫非是武林中失傳已久的“還我靚靚拳”。

l Tag 格式化標籤，讓亂七八糟的代碼，瞬間整齊清晰。

l BracketHighlighter，括弧高亮顯示

l Clipboard History，剪下板曆史，可以儲存多個複製資訊，按下ctrl+alt+v，可以選擇曆史剪下板

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

l GotoRecent，開啟最近的檔案，系統有這個功能，但只能看最近8個，有點不爽，按ctrl+e，選擇即可。

l SCSS，支援scss的文法高亮，裡面附帶了好多CSS Snippet，無論現用或者改造成，都可節省不少時間。

還有很多外掛程式，jquery文法提示，jsHint等等。

五、 結語

總而言之，Sublime Text2是一款不錯的代碼編寫工具，有好看的ui，人性化的細節設計，全面的功能和擴充機制，如果你還沒用過，請試一下，不會讓你失望的。如果說有什麼缺點的話，ST2目前對ANSI、GBK的漢字顯示不正常，（使用utf8編碼就沒問題，package control裡有一個gbk外掛程式），希望ST2以後能完美支援中文。

轉載自http://www.cnblogs.com/leecanz/archive/2012/03/04/2379446.html