天天看點

比editplus好用的編輯器sublime text3

超強使用說明 http://lucida.me/blog/sublime-text-complete-guide/

安裝、注冊及基本配置

一、安裝Sublime Text 3

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

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

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

  Package Control安裝

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

  

比editplus好用的編輯器sublime text3

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

二、插件安裝

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

  

比editplus好用的編輯器sublime text3

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

  

比editplus好用的編輯器sublime text3

  我們要安裝支援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等,模糊比對還是自己去體驗吧。

    

比editplus好用的編輯器sublime text3

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

    Ctrl+R

    

比editplus好用的編輯器sublime text3

    輸入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,重複,直到你滿意的位置,然後就可以統一編輯了。

    

比editplus好用的編輯器sublime text3

  ---->  

比editplus好用的編輯器sublime text3

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

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

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

    

比editplus好用的編輯器sublime text3

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

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

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

    

比editplus好用的編輯器sublime text3

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

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

    Ctrl+Shift+F,這個得加粗,飄紅,就指着它活着呢。怎麼說呢,可以叫全項目查找,就是在你目前打開的項目中,根據你輸入的字元查找。

    

比editplus好用的編輯器sublime text3

    

比editplus好用的編輯器sublime text3

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

    想當初,俺不知道有ST這麼個好東西,就隻用NotePad++的時候,為了實作全文查找替換,特意寫了個PHP腳本以實作此功能。

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

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

四、說說ST的好處

  1、PHP代碼自動提示;且已有字元串自動提示

    杠杠的好用,PHP代碼自動提示,不用解釋了。已有字元串自動提示,請看下圖

    

比editplus好用的編輯器sublime text3

    $st_so_powerful不是PHP内置變量,但是卻可以有自動提示,是因為在代碼中已存在,是以可以提示已存在的字元,這功能可以大大節約你敲代碼的時間。

  2、代碼模闆,快速生成代碼

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

    

比editplus好用的編輯器sublime text3

 PHP代碼中生成的               

比editplus好用的編輯器sublime text3

 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 了,真的。上圖:

    

比editplus好用的編輯器sublime text3

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

    此功能雖然還沒有 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. 有寫錯的地方,還望諒解,第一次寫這麼長。。。。。。。。。。。。。。。準技術文,累,有 任何疑問 或 好的使用方法 歡迎提出和共享。

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

支援GBK格式,首先需要安裝sublime text對插件的支援,按ctrl+~,輸入

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')
           

然後安裝插件ConvertToUTF8即可

比editplus好用的編輯器sublime text3