我的 Sublime Text 2 筆記
原文 http://blogread.cn/it/article/7307?f=hot1
作為aptana死忠粉的我,最近由于工作需要最近開始使用sublime,初次使用,就被其秒開的啟動速度,簡潔的界面設計,無干擾的信息提示所這幅。
俗話說,工欲善其事必先利其器,作為碼農,在開始編碼之前,必須要對自己的工具熟悉,才能事半功倍,所以開始了一番折騰,下面記錄下一些筆記。
快捷鍵
作為碼農,很多時間都是在敲鍵盤的,所以快捷鍵是非常重要的,sublime的快捷鍵非常非常多,很難都記住,按照80/20原則,只有20%是常用的,下面是我常用的快捷鍵:
快捷鍵 | 功能 |
---|---|
ctrl + p | 搜索項目中的文件 |
ctrl+k, ctrl+b | 切換側邊欄顯示狀態 |
ctrl+shift+backspace | 左側全部刪除 |
ctrl+y | 重做或重復 |
shift+方向鍵 | 移動并選擇 |
ctrl+[|] | 縮進|取消縮緊 |
ctrl+l | 選擇行,重復可依次增加選擇下一行 |
ctrl+m | 跳轉到對應括號 |
ctrl+shift+m | 選中括號間的內容 |
alt+. | close tag |
ctrl+shift+p | 打開命令面板 |
ctrl+r | 前往Method |
ctrl+g | 跳轉到第幾行 |
ctrl+/ | 當前行注釋狀態切換 |
ctrl+shift+[|] | 折疊|展開(代碼) |
ctrl+h | 替換 |
ctrl+[shift]+f | [全局]查找 |
ctrl+tab, alt+num, ctrl+pageup | 切換tab面板 |
ctrl+shift+y | 將光標處的表達式計算,對于數學不好的很有用 |
ctrl+shift+v|ctrl+v | 粘貼并縮緊|粘貼 |
ctrl+d | 選擇一個選中項的下一個匹配項 |
alt+f3 | 選擇文件中的所有匹配項項 |
ctrl+shift+’ | 選擇所有選中項的標簽 |
ctrl+shift+a | 選擇當前選中項的父容器,可連續使用 |
ctrl+shift+[↑↓] | 上移或下移行 |
ctrl+shift+d | 復制行或選中項 |
alt+shift+w | 用標簽包裹行或選中項 |
ctrl+[↑↓]|alt+[↑↓]|alt+shift+[↑↓] | 加1|加10|加0.1 |
ctrl+shift+; | 移除未閉合的容器元素 |
插件
sublime的功能已經很滿足大部分需求了,但還是有個別差異化的需求,無法滿足,這時候sublime的插件派上用場,先來曬下我的插件。
由于sublime 2本身不帶插件,所以要先安裝插件管理器( package control ),首先打開控制臺,點擊sublime的菜單欄 view->show console(或者使用快捷鍵 ctrl+`)。
現在打開了控制臺, 這個控制臺有上下兩欄, 上面一欄會實時顯示sublime執行了什么插件,輸出執行結果, 如果你安裝的某個插件不能正常運行,應該先在這里看看有沒有報錯。下面欄是一個輸入框,可以運行python代碼。
我們輸入下面的代碼點擊回車運行, 就能安裝好package control了。
import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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()) ); by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')
運行結束以后,記得重啟編輯器,就能在Preferences中看到 package control了。
然后我們按住 ctrl+shift+p。此時會輸出一個輸入框,即可安裝,刪除,更新插件了。
LESS
這是一個非常棒的插件,可以讓sublime支持less的語法高亮和語法提示,對于搞less的同學灰常重要,不過多解釋。
Emmet
Emmet的前身是大名鼎鼎的Zen coding,如果你從事Web前端開發的話,對該插件一定不會陌生。它使用仿CSS選擇器的語法來生成代碼,大大提高了HTML/CSS代碼編寫的速度。
SublimeLinter
可以驗證各種語法錯誤,不多解釋。
DocBlockr
DocBlockr 可以使你很方便地對代碼建立文檔。它會解析函數,變量,和參數,根據它們自動生成文檔范式,你的工作就是去填充對應的說明。
JsFormat
專門用來格式化js的工具,非常給力。
BracketHighlighter
像這些符號是成對的:花括號{}, 中括號[],括號:() ,引號“” 等。 這些符號當我們鼠標放在開始符號的位置的時候, 希望能明顯看到結尾符號在哪兒sublime默認是下劃線,很不明顯, 想要明顯一點,可以安裝插件 BracketHighlighter。
GBK Encoding Support
這個插件還是非常有用的,因為sublime 本身 不支持gbk編碼,在utf8如此流行的今天,我們整站還是gbk編碼,o(︶︿︶)o 唉,所以全靠這個插件了。
HTML/CSS/JS Prettify
不解釋,神奇,秒殺jsFormat,能夠格式化css html 和js。
Terminal
可以sublime中,打開命令行,非常方便哦。
jQuery
支持jquery的只能語法提示,很贊。
SyncedSideBar
支持當前文件在左側面板中定位,不錯。
Clipboard History
可以保存粘貼的歷史,很贊的功能,再也不用擔心歷史丟失了。ctrl+alt+v可打開歷史面板,上下選擇即可,安裝后會和默認的ctrl+shift+v(粘貼縮進)沖突,干掉這個快捷鍵。
CSS3_Syntax
對css語法高亮的支持,view-syntax-css3選中css3就能使用css3高亮了。必須每條屬性都加上分號,并且屬性必須小寫,不然不會高亮,有點雞肋啊。
總結
sublime非常棒的,正是我喜歡的風格。