1. 程式人生 > >Sublime Text 3 絕對神器(外掛)

Sublime Text 3 絕對神器(外掛)

 距第一篇的開箱水文,已經有4個月的時間了,但因為懶,就沒有下文了。終於,今天,我覺得寫一篇準技術文章了。

  忘記了是怎麼開始用的ST,應該是在網上看到別人推薦才用到吧,用了有半年了。在windows下是絕對的神器,Notepad++之類的無可比擬;linux下,因為有個vim,鄙人對vim不懂,所以孰好孰更好,不好說。總結起來就是,神器一般的輕量級的面向php、python等開發者的文字編輯器,相當灰常不錯,推薦給你。

  我主要用它來寫PHP,真是相當的好用。在寫python方面可能也挺好用;寫ruby不知道情況怎麼樣,有沒有用它來寫的。總之,ST比較適合寫一些指令碼語言,至於像C#,Java等還是用傳統經典的IDE吧。

一、安裝Sublime Text 3

  官網 http://www.sublimetext.com/3

  一定要選擇ST3,而不是ST2,3比2好用,真的,後面你就知道了。

  選擇對應的版本安裝。完事後,要安裝一個基礎的、必備的包管理:Package Control,用來以後安裝外掛用的。

Package Control安裝

安裝指導  https://sublime.wbond.net/installation

  

  開啟ST3,點選選單 View -> Show Console,會在底部出現一個命令輸入框,然後將上面的命令拷貝到輸入框中,回車,等待,安裝成功。

二、外掛安裝

  經過上面安裝了Package Control後,我們就可以通過快捷鍵 Ctrl+Shift+P 開啟Package Control來安裝外掛了。在開啟的輸入框中輸入 install ,會根據你的輸入自動提示,選擇 Install Package。

  

  等待,然後又會彈出一個輸入框,讓你輸入你要安裝的外掛。

  

  我們要安裝支援UTF8編碼的一個外掛,只需要在輸入框中輸入convert,自動匹配後,選擇 ConvertToUTF8 外掛,回車,等待,安裝完畢,這樣,ST就支援UTF-8編碼了。

我以為必裝的外掛

  (主要針對PHP開發,其他語言大部分通用,請讀者自行選擇)

  1、ConvertToUTF8  支援UTF-8編碼的外掛

  2、Bracket Highlighter  用於匹配括號,引號和html標籤。對於很長的程式碼很有用。安裝好之後,不需要設定外掛會自動生效

  3、DocBlockr  DocBlockr可以自動生成PHPDoc風格的註釋。它支援的語言有Javascript, PHP, ActionScript, CoffeeScript, Java, Objective C, C, C++

  4、Emmet(Zen Coding)  快速生成HTML程式碼段的外掛,強大到無與倫比,不知道的請自行google

  5、SideBar Enhancements  這個外掛改進了側邊欄,增加了許多功能

  6、Themr  主題管理,切換主題的時候,不用自己修改配置檔案了,用這個可以方便的切換主題

  請參考  http://www.ladyloveit.com/sublime/developers-commonly-used-10-sublime-text-plugin

三、通用快捷鍵

  瞭解並熟練掌握快捷鍵,才能讓你有健步如飛的趕腳,so,下面我們瞭解一下ST有哪些好用的快捷鍵操作,此處只講我平時開發時常用的,完整的快捷鍵操作請讀者自行google。

  1、Ctrl+Shift+P

    開啟Package Control,上面已經介紹過了。這裡還有個技巧,此技巧在下面的各種地方都能用的上,就是ST支援模糊匹配。比如,你想找Install Package,你在 Package Control 的輸入框中install,可以自動匹配到Install Package,也可以簡單的輸入ip,也能匹配到它,這種模糊匹配的功能很方便。

  2、Ctrl+P

    根據檔名開啟檔案。比如你想開啟login/func/funtion.php,你只要在輸入框中輸入login/func/funtion.php即可,也可以用模糊匹配,如login/function等,模糊匹配還是自己去體驗吧。

    

  3、找到了我們要檢視的原始碼檔案後,想找函式方法怎麼辦?

    Ctrl+R

    

    輸入log,能找到所有名帶log的方法,輸入loginout,則能定位到loginout()。

    大家可能會注意到,Ctrl+R後,在輸入框中會自動有一個@,這就是要匹配方法的意思。那麼,除此之外,還有些有用的匹配符號,就一併說了。

    定位到行,Ctrl+G,或Ctrl+P後,在框中輸入:行數,如:58,則要跳轉到58行去。

    查詢標識,Ctrl+P後,#標識。

  4、學會了以上快捷操作,基本上能玩得轉ST了,能用ST寫PHP不成問題了,在各個檔案中切來切去,快速跳到方法,都很爽了。但想用的更爽,更順滑,如絲般趕腳,還看下面

    多處同步編輯,Ctrl+D,此功能我常用,很好。

    當你想同時修改多個相同程式碼的時候,比如,將

    $user['name'] = 'bananaplan';

    $user['age'] = 28;

    $user['desc'] = '弟要永遠的28歲';

    中的user統一改成member,可以雙擊選中user,然後Ctrl+D,會向下連選user,重複,直到你滿意的位置,然後就可以統一編輯了。

      ---->  

    有人說了,切,這算什麼,完全可以用查詢替換呀,是的,查詢替換是可以實現,但我腳著這種方式更直觀一些,而且不易出錯。正所謂,英雄所見,各有不同,請看官自斟。

    其實,除了用Ctrl+D快捷鍵的方式,還有用滑鼠的方式實現連選。按住Ctrl,然後雙擊選中多個即可。

    其實除了,以上的2中方式實現同步編輯以外,還有一個方式。那就是,按住Shift,然後按住滑鼠右鍵,最後,垂直向下拉。這種方式有限制,就是隻能垂直選中,適用於程式碼段有點長的場景,如下

    

  5、感覺這麼寫,非寫殘了不可,不能這麼詳細了,下面把重要的詳細寫,網上都能找得到的,就簡單說說即可

    下面要說的這個大家司空見慣,但我還是要講一講。

    Ctrl+F,查詢,左邊的選項就不多說了,自己看提示吧,英文的,叫你不好好學英文,話說,現在高考好像要逐漸削弱英語的分量。注意,最下面,會提示你 2 of 5 matches,總共找到了5個,你現在匹配到的是第二個,我覺得這個小提示很管用。

    

    Ctrl+F後,Enter查詢下一個,Shift+Enter,查詢上一個。

    Ctrl+H,查詢替換,就不多說了。

    Ctrl+Shift+F,這個得加粗,飄紅,就指著它活著呢。怎麼說呢,可以叫全專案查詢,就是在你當前開啟的專案中,根據你輸入的字元查詢。

    

    

    如上,我們在wp資料夾中查詢含有 have_posts 的檔案。三言兩語,可能道不盡其中用法,請看官自行體驗。

    想當初,俺不知道有ST這麼個好東西,就只用NotePad++的時候,為了實現全文查詢替換,特意寫了個PHP指令碼以實現此功能。

    ----------感覺寫累了,這活還真不好乾,認認真真的寫博不容易呀。剩下的快捷鍵好像也沒什麼要濃墨重彩的細說了,請各位自行參考網上資料----------

    參考  http://ce.sysu.edu.cn/hope/Item/106853.aspx

四、說說ST的好處

  1、PHP程式碼自動提示;且已有字串自動提示

    槓槓的好用,PHP程式碼自動提示,不用解釋了。已有字串自動提示,請看下圖

    

    $st_so_powerful不是PHP內建變數,但是卻可以有自動提示,是因為在程式碼中已存在,所以可以提示已存在的字元,這功能可以大大節約你敲程式碼的時間。

  2、程式碼模板,快速生成程式碼

    你敲個ifelse,會幫你快速生成 if else 的程式碼模板。關鍵是在PHP程式碼和在HTML程式碼中,會生成對應的的內容,言語難表,請看下圖

     PHP程式碼中生成的                HTML程式碼中生成的

    我就不解釋了,請自悟。

    再說下在HTML中程式碼生成的關鍵字:php  echo  if  ifelse  foreach,夠用了不?

    還不夠用???哦,那這一塊程式碼模板自定義的高階用法,請自行google:Sublime Text Snippet

    還得回來補一下,要不你可能得罵我。因為你輸入了 if 後,沒反應,要按 Tab 鍵啊,大哥。

  3、真心寫累了,就結束了吧,在最後放一個重量級的重磅炸彈功能,請注意,此功能僅在ST3中有效

    我為什麼用IDE,哦,對了,得先說我用什麼IDE,那就是非常好用的 Zend Studio,我只在乎它的兩個功能:1、程式碼跳轉,即跳轉到變數或函式定義的地方;2、函式在哪些地方被引用的(這個是重量級的殺手功能,我試過其他PHP IDE都沒有)。

    當然你不能指望咱小小的ST能有這重量級殺手功能,但現在ST3有第一個功能,即程式碼跳轉,可以跳轉到函式定義的地方。這個功能的重要意義在於,你現在完全可以用ST3來取代其他非 Zend Studio IDE 了,真的。上圖:

    

    如果你要跳轉的函式在只在一個檔案中定義了,則直接跳轉過去;否則,會提供選項,讓你選擇跳轉到哪個檔案。

    此功能雖然還沒有 Zend Studio 智慧(Zend是直接很智慧的就跳到對應的檔案了),但已經很不錯了,不是嗎?

    丫的,還得再再補一下,年齡大了,腦子不好使了。忘了說跳轉的方法,選中呼叫的函式方法名,點F12,就能跳過去了。如果出現F12快捷鍵被佔用的情況,請修改預設快捷鍵,將跳轉到函式的快捷鍵自定義,可以自定義為{ "keys": ["f3"], "command": "goto_definition" },因為我以前寫Java的,用Eclipse好些好些年了,所以習慣F3跳轉到函式,讀者自便。至於自定義快捷鍵的方法,請google

   4、雖然寫累了,釋出了,但又突然想起還有一個很重要的功能,不得不說,所以回來補一下

    那就是,將資料夾加入專案,點選選單 Project -> Add Fold To Project,選擇你要加入專案的資料夾即可。

    當你將很多資料夾加入專案之後,你會發現一個小小的問題,那就是Ctrl+P切換檔案的時候,可選列表有點長,那是因為,你的專案多啊,可能會出現很多相同名稱的檔案,而且左邊專案列表看起來也不清爽。什麼?你沒看見左邊有專案列表,請點選 View -> Side Bar -> Show Side Bar。

    所以,我們可以一個專案佔一個工作空間,要寫哪個專案,就切換到哪個專案中去。

    具體操作:當你把一個資料夾加入到專案中後,點選選單 Project -> New Workspace For Project,為這個單獨的專案建一個工作空間,注意,當前要只有一個專案,如果有兩個或以上的專案,那麼這些都會被加入的新的工作空間裡去的,對於此,我不是很確定,但我上次操作好像是這樣的。新的工作空間和專案的儲存路徑可以放到你專案的根目錄下。比如,我的專案資料夾是mybiaoke,我就把那兩個檔案儲存到這下面了。

    完事之後,我們想切換專案還怎麼辦呢,用快捷鍵 Ctrl+Alt+P ,很快的就切過去了。

    對於這個功能,我的操作方式和步驟不知道是不是科學,但至少可以實現,請懂的同學指點。

好了,It's time to finish. 有寫錯的地方,還望諒解,第一次寫這麼長。。。。。。。。。。。。。。。準技術文,累,有 任何疑問 或 好的使用方法 歡迎提出和共享。

自此,神器一出,誰與爭鋒。