sublime text 2 技巧

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

1. 檔案快速導航： 這是sublime上面很好用的功能之一，ctrl+p可以調出視窗，菜單上的解釋是gotoanythings ，確實如其所言，調出視窗後，直接輸入關鍵字，可以在已開啟的專案檔夾中進行快速檔案名稱導航，而且支援模糊搜尋,對於不想一直滑鼠點開檔案夾的同學來說 極為方便，並且在該視窗裡加上:首碼即為行跳轉(ctrl+G)，加上@(ctrl+R)首碼在html裡是id 關鍵字導航，css裡是每條規則導航，js裡則是每個function導航。

2. 命令列模式 ctrl+` 可以調出命令列模式(view->show console)，主要支援python文法等，沒試用過只知 quit()可以退出 。。不過sublime的外掛程式平台package controller可以用命令列安裝.

3. Ctrl+Z 撤銷 Ctrl+Y 恢複撤銷

4. Ctrl+D 選詞 （按住-繼續選擇下個相同的字串）ctrl+F尋找是一下選擇本頁面的全部相同的然後按鍵盤替換則全替換

5. ctrl+shift+F 預設是在本項目(用得最多的)．也可能來檔案夾裡尋找，與普通編輯不同的地方是sublime允許添加多個檔案夾進行尋找(add directory)

6. ctrl+L 選擇整行（按住-繼續選擇下行，即按住ctrl不放按一次L則多選一行）

7. Ctrl+Shift+K 刪除整行,Ctrl+KK 從游標處刪除至行尾

8. ctrl+/ 單行注釋， ctrl+shift+/塊注釋( 注釋已選擇內容)，sublime會自動根據語言選擇注釋方式

9. ctrl+Enter 游標後插入行Ctrl+Shift+Enter 游標前插入行

10. ctrl+F2可以進行增刪標記，然後F2在標記之間切換，Shift+F2 上一個書籤.這裡不爽的是無法進行滑鼠委任標記

11. 在 菜單View-syntax下可以將當前面面以指定的語言進行文法高亮，通常情況下sublime會自動進行判斷選擇

12. snippets 程式碼片段外掛程式 ，在tools-snippets菜單下可以查看當前頁面支援的snippets，可以在縮減詞後加tab自動補全snippets， snippets也可以從安裝外掛程式進行擴充

13. Build編譯，可以進行ruby等代碼的編譯，我安裝了一個yui compressor後，就可以在css js頁面裡進行壓縮，快速鍵是ctrl+B, 會自動在目前的目錄下產生xx.min.js, xx.min.css等壓縮檔

14. 在菜單Preferences 下面是各種設定檔，sublime與其他編輯器不同的是，他不提供可視化配置，軟體的配置及快速鍵配置全都是存在.xml檔案裏手動配 置，Settings-default 是系統預設配置，最好不要改，要改動的東西存放 在Settings-User裡，比如font- size等， Key-bindings是快速鍵配置, color scheme是代碼色彩配置選擇，sublime本身提供了很多很不錯的色彩配置

15. 在頁面右下角，有快速設定tab轉為spaces的菜單，可以指定頁面的tab寬度，也可以將頁面所有tab轉為指定的spaces格數

16.其它快速鍵       

ctrl+[ 和 ctrl+]（已改成我習慣的快速鍵）.    ctrl+up, ctrl+down可以一行一行的滾動螢幕，    pageUp pageDown一頁一頁翻動    ctrl+shift+a 可以HTML標籤內容，每按一次逐級往上，    ctrl+shift+space可以選擇js等語言裡的塊{內容},    Ctrl+Shift+D 複製游標所在整行，插入在該行之前    Ctrl+J 合并行（已選擇需要合并的多行時）    Ctrl+KU 改為大寫    Ctrl+KL 改為小寫    Ctrl+M 游標跳至對應的括弧(BracketHighlighter外掛程式做得更好)    Ctrl+Shift+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 從游標處刪除至行首

17  添加智能代碼塊提示 Tools->new snippet  (mac機下儲存尾碼要為.sublime-snippet )

     content：放代碼必須放在CDATA裡，$1代表游標位置，方便編輯類名 tabTrigger：快速鍵  scope: 響應範圍 可以是 html css js檔案等 description：代碼描述 在輸入快速鍵的時候 提示框內的介紹標題文字

接下來介紹一下sublime的亮點，外掛程式機制：(裝完了所有的外掛程式都要重啟軟體)

sublime外掛程式可以通過兩種方式進行外掛程式安裝，

     一種直接下載所有源碼放置到C:\Users\yourName\AppData\Roaming \Sublime Text 2\Packages下面，路徑可以在軟體功能表列Preferences->Browse Packages查看

     一種則可以通過線上安裝 package control的方式進行線上安裝，package control安裝見其官網，就是在控制台裡運行如下一段代碼，再重啟即可：

import urllib2,os; 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())); open(os.path.join(ipp,pf),‘wb‘).write(urllib2.urlopen(‘http://sublime.wbond.net/‘+pf.replace(‘ ‘,‘%20‘)).read()); print ‘Please restart Sublime Text to finish installation‘

安裝完即可在菜單preferences-package control下開啟（這裡有個快速鍵ctrl+shift+p是編輯器操作的命令集合,可以直接根據關鍵字索引.），在 package control下 Install Package是安裝外掛程式，選擇後會連網擷取外掛程式列表，disabled package 是禁用某外掛程式，enabled package 啟用外掛程式，remove package 移除外掛程式，list package列出外掛程式列表。

下面介紹幾個我覺得比較有用的外掛程式，及它的功用吧（安裝方法直接package control install 線上搜尋安裝）：

1. SVN ：產生後右鍵點擊檔案或檔案夾(這個要錢，如果是windows的話用TorstoiseSVN，這個要先預裝TorstoiseSVN)

2. BracketHighlighter ：該外掛程式提供配對標籤，或大括弧或字元引號的配對高亮顯示，算是對系統高亮的加強吧。

3. SublimeTmpl ：

自訂建立檔案.預設已經添加了html、css、js等常見類型的面板，按ctrl+alt+h/ctrl+alt+c /ctrl+alt+j可建立這3鐘類型的檔案，快速鍵在這裡\Packages\SublimeTmpl\Default (Windows).sublime-keymap, 模板檔案在這裡\Packages\SublimeTmpl\templates，可修改。

4. ctags ：

這個外掛程式能跨檔案跳轉，跳轉到指定函式宣告的地方(ctrl+alt+左鍵)。 使用package control 搜尋ctags 進行安裝（安裝ctags外掛程式就可以了， 還有一個 CTags for PHP 外掛程式沒什麼用）,注意安裝好外掛程式後要需要安裝ctags命令。window 下載 ctags.exe  http://vdisk.weibo.com/s/7QZd7 。 將ctags.exe檔案放在一個環境變數能訪問到的地方。開啟cmd， 輸入ctags，如果有這個命令，證明成功了。ubuntu下安裝運行命令：sudo apt-get install exuberant-ctags 。然後在sublime專案檔夾右鍵， 會出現Ctag:Rebuild Tags 的菜單。點擊它，然後會產生.tags的檔案 然後在你代碼中， 游標放在某個函數上， 點擊 就可以跳轉到函式宣告的地方。

 

5. sublimecodeintel ：

代碼提示。 sublime預設的代碼提示只能提示系統函數，使用者自己建立的函數、類不能提示。 如果想要提示自己建立的函數。 可以安裝sublimecodeintel外掛程式。(要多輸幾個字元且大小寫敏感才顯示,有時不靈) sublimecodeintel 安裝後需要配置，檔案：外掛程式目錄/.codeintel/config 中 增加

{    "Python": {        "python" : "D:\servers\python27",        "pythonExtraPaths": [            "libs",            "~/Applications/Sublime Text 2.app/Contents/MacOS",            "/Applications/Sublime Text 2.app/Contents/MacOS"        ]    }}

配置了python執行檔案的地址，python的設定檔地址， pythonExtraPaths 是額外需要代碼提示的類庫，除了當前項目下的PHP代碼可以提示外pythonExtraPaths中定義的目錄下的python代碼也能提示。安裝sublimecodeintel後， 按alt+滑鼠左鍵也能和ctags一樣跳轉到函式宣告的地方。 但是如果有兩個檔案聲明了同樣名稱的函數， sublimecodeintel只會跳轉到第一個找到的函數， 而ctags會讓你選擇要跳轉到哪個檔案。所以我們一般還是用ctags

6. Sublimelint (還有一款SublimeLinter應該差不多)

一個支援lint文法的外掛程式，可以高亮linter認為有錯誤的程式碼，也支援高亮一些特別的注釋，比如“TODO”它需要一些類庫支援比 如php的話要 PHP - syntax checking via "php -l" .要把php加到環境變數中即可.在命令列中執行下面語句如果能正常工作即可因為裝php的時候已經裝了這個庫支援所以只要把php加到環境變數 即可

The syntax for checking is like this, where the -l flag is a lower case L:php -l filenameIf the syntax in the file is correct you will see this:No syntax errors detected in test.phpIf there are errors then theses will be listed as in the following example output:Parse error: syntax error, unexpected T_STRING in test.php on line 52Errors parsing test.php

7. SFTP 該外掛程式提供ftp伺服器管理，用來管理自己的空間很不錯，通過配置來操作.安裝完後重啟軟體後在左檔案夾按右鍵 選擇Map to Remote...即可會在檔案夾下產生sftp-config.json配置即可,用的時候跟SVN一樣右鍵就可以

8. PHPTity:php代碼自動排序．裝完了重啟後ctrl+alt+t

9. DocBlockr ：該外掛程式提供檔案注釋，方便後期根據注釋產生API文檔，輸入 “/**” + enter調出 (在function的上面一行才有效果) 

10. GBK Encoding Support: sublime本身不支援GBK，根據國情，裝下這個外掛程式就可以支援GBK了，同時也提供GBK與UTF之間轉換

11. jquery 提供jquery的一些snippets片段 ，方便直接調用

12. zenCoding 大名鼎鼎的zencoding就不用多解釋， 調用方式兩種，一種是ctrl+alt+enter, 一種是輸入完標籤直接tab。

13. html5 該外掛程式提供許多 html5相關的標籤等snippets，也非常實用。

14. prefixr 提供CSS3屬性的瀏覽器首碼自動填滿像-webkit- -moz- -o- -m-, 快速鍵：ctrl+alt+x

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

 

16. JS Minifer 提供js壓縮功能，基於GG的closure complier，快速鍵：ctrl+alt+M

17. js Format 提供JS格式化功能，快速鍵 ctrl+alt+F，會根據

18. yui compressor 這個大家都知道yui的壓縮公用程式，可以壓縮CSS JS，直接CTRL+B，即可（需要安裝配置了jdk之後才可用）

19. sublime v8 該外掛程式提供jshint 及 v8引擎的js解析器console，jshint是JS文法校正器，較嚴格， v8則跟chrome裡控制台一樣。

20. ClipboardHistory： 該外掛程式提供多剪貼簿支援，你就可以同時儲存多個剪貼簿裡的內容了，ctrl+alt+v快速鍵調出

sublime text 2 技巧