標籤:
眾所周知sublime是前端同學最為推崇的IDE,沒有之一,但與此同時,有一大部分同學還在一直使用著Webstorm,包括我,原因很簡單,sublime雖然好用,但需要自己去配置想要的功能和外掛程式,還要上網看教程,更可怕的是sublime的配置沒有雲同步的功能,也就是說,這次把它配置的天花龍鳳,但回到家裡的電腦裡還得重新再配置一次,想想也是醉了,所以我是挺希望sublime官方可以出個雲同步功能(^_^)。
sublime就是這樣,非常輕量級,自己平時需要什麼功能自己去配置,而不像Webstorm這樣把大量功能都集合到安裝包量,傻瓜式的安裝小白式的使用,不過確實很方便。
扯的有點多,直接入正題吧,下面記錄起自己個人化的配置資訊,有需要的同學也可以參考參考。
1、下載安裝包並安裝【傳送門】
2、Package Control 安裝(安裝完後就可以很方便的安裝外掛程式啦)
從菜單 View - Show Console 或者 ctrl + ~ 快速鍵,調出 console。將以下 Python 代碼粘貼進去並 enter 執行,不出意外即完成安裝。
以下提供 Sublime Text 3 和 Sublime Text 2 的安裝代碼:
# Sublime Text 3import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
# Sublime Text 2import 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')
3、外掛程式安裝
a) “Preferences”-->"Package Control",或者可以使用快速鍵CTRL+SHIFT+P 開啟
b) 輸入“install”,下方就會提示“Package Control:install package”,用滑鼠點擊
c) 這時候等待幾秒,就會彈出一個終端,在終端輸入你想要安裝的外掛程式,比如"LESS",點擊匹配出來的外掛程式即可自動安裝
d) 左下角有安裝資訊提示(Preferences -> Package Settings 可查看已安裝外掛程式,有些外掛程式需要重啟 Sublime Text)
下面是我的安裝的外掛程式:
- LESS外掛程式 :LESS
- DocBlockr :自動產生PHPDoc風格的注釋。它支援的語言有Javascript, PHP, ActionScript, CoffeeScript, Java, Objective C, C, C++
4、快速鍵
快速鍵也是sublime的一大亮點功能,就像vim一樣,不過需要學習一套快速鍵也不是易事,而且我也不願意為了IDE而再去學一套新的"vim"了,所以只學了幾個常用的快速鍵。
- Ctrl + d :快速選擇多個所選的字元(串),批量修改
- Ctrl + Shift + ↑/↓ :上下移動當前行
5、忽略依賴目錄
有時候我們要用Sublime Text 的檔案檢索功能找到特定的檔案,如果項目目錄下面有node_modules、bower_components 之類的檔案夾則會嚴重影響輸出結果,再加上這些檔案夾中的檔案平時不會去改動,我們可以修改配置把這些目錄忽略掉,當然有需要的時候可以再把它開啟。
菜單 - Preferences - Setting-User 加上以下一段配置就行了:
"folder_exclude_patterns": [ ".svn", ".git", ".hg", "CVS", "node_modules", "bower_components"]
sublime Text 使用日記