sublime配置全攻略

轉載地址:http://blog.csdn.net/w6611415/article/details/7725566


大家好,今天給大家分享一款編輯器:sublime text2

    我用過很多編輯器,
EditPlus、EmEditor、Notepad++、Notepad2、UltraEdit、Editra、Vim,還有包括netbeans , zendstudio, dreamweaver 等。 最後我遇見了sublime text。  sublime是我見過的最好的編輯器,大型IDE能實現的功能, 用sublime裝上相應插件,都能實現。 它是一個小型編輯器, 運行速度很快。現在是鼓起勇氣換掉你以前編輯器的時候了。如果你以前沒有聽說過sublime, 可以看看這個介紹視頻:http://v.youku.com/v_show/id_XMzU5NzQ5ODgw.html

  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獨立到一個單獨的工作區中來暫時解決這個問題。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章