1. 程式人生 > >Sublime Text3 配置設定攻略

Sublime Text3 配置設定攻略

sublime本身功能有限,我們需要裝上一些外掛使其變得強大。sublime在各個作業系統下都可以執行,但在linux下執行需要注意中文輸入的問題。 下面我主要介紹一下常用外掛、配置的建議以及在linux下執行的注意事項。

  一,常用外掛

 1,package control。 我們用sublime幾乎都會首先安裝這個外掛,這個外掛是管理外掛的功能,先安裝它,再安裝其他外掛就方便了。  安裝方法:
       點選sublime的選單欄 view->show console ;現在打開了控制檯, 這個控制檯有上下兩欄, 上面一欄會實時顯示sublime執行了什麼外掛,輸出執行結果, 如果你安裝的某個外掛不能正常執行,應該先在這裡看看有沒有報錯。下面欄是一個輸入框,可以執行python程式碼。我們輸入下面的程式碼點選回車執行, 就能安裝好package control了。


  1. 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())
複製程式碼
       然後我們按住 ctrl+shift+p。此時會輸出一個輸入框, 輸入install。  選擇package contrl: install package 回車 ,需要稍定一會兒,右下角狀態列會顯示正在連線的提示文字。 使用sublime時注意看右下角狀態列,很多外掛的提示資訊都顯示在這裡,這個狀態列很小,初次使用的人都有可能沒有注意到它。




   稍等一會兒後,它會出現一個外掛列表, 你也可以在輸入框中輸入文字進行搜尋外掛。 搜尋到自己想安裝的外掛,再選擇它,回車。 就自動給你安裝好了。

  如果要解除安裝外掛, ctrl+shift+p 輸入 remove, 選擇package control:remove package 然後再選擇已安裝的外掛, 回車即可解除安裝。

   如果package control 安裝外掛時失敗了, 我們可以採用手動安裝的方式, 在google上去搜索外掛, 下載外掛的原始碼。在sublime的選單欄點選 preferences->Browse package..  此時會開啟外掛目錄。然後把你下載的外掛原始碼複製進去就可以了。


  ctrl+shift+p 開啟的輸入框面板是什麼? 英文叫做 “Anything panel” ,任何操作都可以在這個面板裡面完成。我暫且翻譯為“萬能面板”。 開啟萬能面板有幾種方式。  
  ctrl+shift+p 開啟時,我們需要在面板中輸入一個命令,然後執行命令。所有選單欄能操作事都可以在這裡輸入命令進行操作。
  ctrl+p 開啟時,能快速查詢檔案。
  ctrl+r 開啟時, 能查詢當前檔案中的函式。
  ctrl+g 開啟時,能跳轉到指定行。

  大家開始接觸sublime時對它的環境還不是很熟悉,所有我在這裡說得有點多, 簡單總結一下前面說的。

  控制檯的作用: 可以在這裡執行python程式碼,和檢視一些執行結果,如果外掛執行不正常,可以在這裡看看有沒有報錯。
  右下角狀態列: 很多提示資訊都會顯示在那裡,注意經常檢視。
  萬能面板:所有的操作都可以在這裡進行,又可以在這裡輸入命令,又可以在這裡查詢檔案,也可以在這裡查詢函式等等。
  安裝外掛的方式:除了package control 安裝還可以手動安裝。

2,ctags。 這個外掛能跨檔案跳轉,跳轉到指定函式宣告的地方。 使用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的檔案。


然後在你程式碼中, 游標放在某個函式上, 點選ctrl+shift+滑鼠左鍵 就可以跳轉到函式宣告的地方。

3, sublimecodeintel 程式碼提示。 sublime預設的程式碼提示只能提示系統函式,使用者自己建立的函式、類不能提示。 如果想要提示自己建立的函式。 可以安裝sublimecodeintel外掛。

sublimecodeintel 安裝後需要配置,檔案:外掛目錄/.codeintel/config 中 增加
  1. "PHP": {
  2.         "php": 'D:\SaeServer\php\php.exe',
  3.         "phpExtraPaths": ['D:\SaeServer\php\stdlib'],
  4.         "phpConfigFile": 'D:\SaeServer\apache\php.ini'
  5.     },
複製程式碼
配置了php執行檔案的地址, php的配置檔案地址, phpExtraPaths 是額外需要程式碼提示的類庫,除了當前專案下的PHP程式碼可以提示外 phpExtraPaths中定義的目錄下的PHP程式碼也能提示。  D:\SaeServer\php\stdlib 是SaeServer中 SAE本地模擬檔案的目錄, 所以配置後不管在哪兒 都能有SAE程式碼的提示。

  安裝sublimecodeintel後, 按alt+滑鼠左鍵也能和ctags一樣跳轉到函式宣告的地方。 但是如果有兩個檔案聲明瞭同樣名稱的函式, sublimecodeintel只會跳轉到第一個找到的函式, 而ctags會讓你選擇要跳轉到哪個檔案。所以我們一般還是用ctags的跳轉功能。

4,語法提示。 我們需要在寫程式碼的時候如果有語法錯誤,能立即提示我們, 可以安裝這兩個外掛:sublimelint 和Phpcs , sublimeint 需要系統有php命令。 所以需要設定好php的環境變數。 sublimelint的語法錯誤提示是顯示在狀態列上面的,所以在編寫程式的時候注意時常看看狀態列。 而Phpcs的語法錯誤提示是在我們儲存檔案時彈出萬能面板顯示錯誤,sublimelint的錯誤提示實時但不明顯。 Phpcs的錯誤提示不是實時的,但很明顯。 因此我們一般這兩個外掛都要安裝。  Phpcs除了程式碼提示的共,還有其他功能,但是我暫時沒有弄明白其他功能怎麼用, 大家可以去研究一下,如果知道怎麼用了再告訴我一下。

5,goto document。 這個外掛能幫助我們快速檢視手冊。 比如我們在寫php程式碼時, 突然忘記了某個函式怎麼用了,將滑鼠放在這個函式上,然後按F1,它能快速開啟PHP手冊中說明這個函式用法的地方。 
    安裝好 goto document外掛後我們再配置快捷鍵F1 跳轉到文件。 開啟sublime的選單欄Preferences->key bindings -User  設定快捷鍵:
  1. [
  2.     { "keys": ["f1"], "command": "goto_documentation" }
  3. ]
複製程式碼 這樣設定後, 按F1就能跳轉到文件了。

6,function name display。 這個外掛可以在狀態列顯示出當前游標處於哪個函式中。

7,GBK Encoding Support 。 sublime本身不支援GBK編碼, 可以安裝這個外掛讓它支援。

8,SVN外掛。windows下可以安裝Tortoise和 Tortoisesvn的客戶端。然後在sublime中在目錄或檔案右鍵都可以提交svn了。 在ubuntu下可以安裝rabbitvcs 結合這個外掛:https://github.com/kervin/sublime-svn/downloads 實現同樣的功能。

9,gist。我們建立html檔案時,做有些相同的程式碼。 這時候我們喜歡能有一個程式碼模板, 不能寫重複相同的程式碼, gits外掛能實現程式碼模板的功能。 它能見我們自己建立的程式碼模板,程式碼片段保持在github中的gist下。http://lucifr.com/2012/03/07/sub ... al-snippet-manager/ 這裡介紹了詳細的用法。

10,程式碼註釋格式化。

additional PHP snippet外掛能提示phpdocument格式的程式碼


還能快速輸出開源協議, 輸入php- 會有提示


安裝DocBlockr 外掛,能形成註釋塊。不用每次敲註釋的斜槓或星號。

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


12,格式化PHP程式碼。  安裝 php-beautifier 外掛,使用php-beautifier還需要安裝 PHP Beutifier的pear包:
pear install PHP_Beautifier

安裝好後, 開啟PHP檔案,ctrl+alt+f 就能為你自動格式化程式碼。

13,Xdebug。  可以安裝xdebug外掛,做程式碼除錯功能。 這是大型IDE都有的功能, 小型編輯器很少能做到,但是sublime卻又相應的外掛能實現xdebug的功能。


你的PHP需要安裝xdebug擴充套件。使用時需要在專案目錄下建立一個.sublime-project檔案

  1. {
  2.     "folders":
  3.     [
  4.         {
  5.             "path": "D:\ysd\ysdv8"
  6.         },
  7.     ],
  8.     "settings": {
  9.         "xdebug": { "url": "http://yunshangdian.com" }
  10.     }
  11. }
複製程式碼 path配置項配置了程式所在路徑。  
注意給程式設定斷點。否則不能見效果。 詳細用法見:https://github.com/Kindari/SublimeXdebug

你如果也要寫前端程式碼, 還可以安裝一些和html,js相關的外掛。如 ZenCoding,jQuery,jQuery Mobile Snippets,jQuery Snippets pack等。

二,配置建議。


使用者配置建議(開啟選單欄Preferences->Setting-user):

    {
    "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
    "default_line_ending": "unix",
    "detect_slow_plugins": false,
    "font_face": "Microsoft YaHei",
    "font_size": 10.0,
    "auto_match_enabled": false,
    }

auto_match_enabled設定為false後可以關閉括號的自動完成。如我們輸入左括號時sublime自動將右括號打出來了,往往我們不習慣這樣, 此時你設定auto_match_enabled為false即可。

快捷鍵配置的建議(選單欄Preferences->key bindings -User):


    [
    { "keys": ["f1"], "command": "goto_documentation" },
    { "keys": ["alt+shift+`"], "command": "clone_file" }
    ]

F1快速開啟文件, 這個快捷鍵的設定前面已經說了。
alt+shift+` 快捷鍵又有什麼用呢? 我們需要同一個檔案在左右兩欄同時開啟。



先按快捷鍵: alt+shift+2 。 此時會出現左右兩欄的佈局。

再按alt+shift+`(`鍵是tab鍵上面個鍵), 此時會複製一份當前檔案, 再把新複製的那份檔案拖動到右欄。 這樣就實現了同一檔案左右兩欄同時打開了。

切換回一欄佈局,按 alt+shift+1

顏色配置建議:

sublime對無效(invalid)的顏色提示 往往會提示錯誤。顏色很難看。 可以去掉對invalid的顏色提示。
外掛目錄下\Color Scheme - Default\Monokai.tmTheme檔案中, 刪除

  1. <dict>
  2.     <key>name</key>
  3.     <string>Invalid</string>
  4.     <key>scope</key>
  5.     <string>invalid</string>
  6.     <key>settings</key>
  7.     <dict>
  8.     <key>background</key>
  9.     <string>#F92672</string>
  10.     <key>fontStyle</key>
  11.     <string></string>
  12.     <key>foreground</key>
  13.     <string>#F8F8F0</string>
  14.     </dict>
  15.     </dict>
複製程式碼
成對匹配預設是綠色,有點難看,

外掛目錄下\Color Scheme - Default\Monokai.tmTheme檔案中Class name 鍵中的:
改為:

  1. <dict>
  2.     <key>name</key>
  3.     <string>Class name</string>
  4.     <key>scope</key>
  5.     <string>entity.name.class</string>
  6.     <key>settings</key>
  7.     <dict>
  8.     <key>background</key>
  9.     <string>#F92672</string>
  10.     <key>fontStyle</key>
  11.     <string></string>
  12.     <key>foreground</key>
  13.     <string>#F8F8F0</string>
  14.     </dict>
  15.     </dict>
複製程式碼

三,在linux下使用。

    linux下使用時,中文不能輸入的問題, 使用scim輸入法方式可以解決。具體解決方法:http://www.haogongju.net/art/1312281
  雖然scim能讓我們輸入中文後, 但是也不是很完美,有候選詞不跟隨的問題, sublime失焦後候選詞會消失的問題。候選詞消失的問題,可以把sublime獨立到一個單獨的工作區中來暫時解決這個問題。