你們好,今天給你們分享一款編輯器:sublime text2
我用過不少編輯器,
EditPlus、EmEditor、Notepad++、Notepad二、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了。
- 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 中 增長
- "PHP": {
- "php": 'D:\SaeServer\php\php.exe',
- "phpExtraPaths": ['D:\SaeServer\php\stdlib'],
- "phpConfigFile": 'D:\SaeServer\apache\php.ini'
- },
複製代碼
配置了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 設置快捷鍵:
- [
- { "keys": ["f1"], "command": "goto_documentation" }
- ]
複製代碼
這樣設置後, 按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 就能爲你自動格式化代碼。php
13,Xdebug。 能夠安裝xdebug插件,作代碼調試功能。 這是大型IDE都有的功能, 小型編輯器不多能作到,可是sublime卻又相應的插件能實現xdebug的功能。
你的PHP須要安裝xdebug擴展。使用時須要在項目目錄下創建一個.sublime-project文件
html
- {
- "folders":
- [
- {
- "path": "D:\ysd\ysdv8"
- },
- ],
-
- "settings": {
- "xdebug": { "url": "http://yunshangdian.com" }
- }
- }
複製代碼
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文件中, 刪除
- <dict>
- <key>name</key>
- <string>Invalid</string>
- <key>scope</key>
- <string>invalid</string>
- <key>settings</key>
- <dict>
- <key>background</key>
- <string>#F92672</string>
- <key>fontStyle</key>
- <string></string>
- <key>foreground</key>
- <string>#F8F8F0</string>
- </dict>
- </dict>
複製代碼
成對匹配默認是綠色,有點難看,
插件目錄下\Color Scheme - Default\Monokai.tmTheme文件中Class name 鍵中的:
改成:
- <dict>
- <key>name</key>
- <string>Class name</string>
- <key>scope</key>
- <string>entity.name.class</string>
- <key>settings</key>
- <dict>
- <key>background</key>
- <string>#F92672</string>
- <key>fontStyle</key>
- <string></string>
- <key>foreground</key>
- <string>#F8F8F0</string>
- </dict>
- </dict>
複製代碼
三,在linux下使用。
linux下使用時,中文不能輸入的問題, 使用scim輸入法方式能夠解決。具體解決方法:
http://www.haogongju.net/art/1312281
雖然scim能讓咱們輸入中文後, 可是也不是很完美,有候選詞不跟隨的問題, sublime失焦後候選詞會消失的問題。候選詞消失的問題,能夠把sublime獨立到一個單獨的工做區中來暫時解決這個問題。
轉自:http://cloudbbs.org/forum.php?mod=viewthread&tid=3620前端