做爲aptana死忠粉的我,最近因爲工做須要最近開始使用sublime,初次使用,就被其秒開的啓動速度,簡潔的界面設計,無干擾的信息提示所這幅。前端
俗話說,工欲善其事必先利其器,做爲碼農,在開始編碼以前,必需要對本身的工具熟悉,才能事半功倍,因此開始了一番折騰,下面記錄下一些筆記。python
做爲碼農,不少時間都是在敲鍵盤的,因此快捷鍵是很是重要的,sublime的快捷鍵很是很是多,很難都記住,按照80/20原則,只有20%是經常使用的,下面是我經常使用的快捷鍵:git
快捷鍵 | 功能 |
---|---|
ctrl + p | 搜索項目中的文件 |
ctrl+k, ctrl+b | 切換側邊欄顯示狀態 |
ctrl+shift+backspace | 左側所有刪除 |
ctrl+y | 重作或重複 |
shift+方向鍵 | 移動並選擇 |
ctrl+[|] | 縮進|取消縮緊 |
ctrl+l | 選擇行,重複可依次增長選擇下一行 |
ctrl+m | 跳轉到對應括號 |
alt+. | close tag |
ctrl+shift+p | 打開命令面板 |
ctrl+r | 前往Method |
ctrl+g | 跳轉到第幾行 |
ctrl+/ | 當前行註釋狀態切換 |
ctrl+shift+[|] | 摺疊|展開(代碼) |
ctrl+h | 替換 |
sublime的功能已經很知足大部分需求了,但仍是有個別差別化的需求,沒法知足,這時候sublime的插件派上用場,先來曬下個人插件。github
因爲sublime 2自己不帶插件,因此要先安裝插件管理器(package control),首先打開控制檯,點擊sublime的菜單欄 view->show console(或者使用快捷鍵 ctrl+`)。less
如今打開了控制檯, 這個控制檯有上下兩欄, 上面一欄會實時顯示sublime執行了什麼插件,輸出執行結果, 若是你安裝的某個插件不能正常運行,應該先在這裏看看有沒有報錯。下面欄是一個輸入框,能夠運行python代碼。ssh
咱們輸入下面的代碼點擊回車運行, 就能安裝好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。此時會輸出一個輸入框,便可安裝,刪除,更新插件了。工具
這是一個很是棒的插件,可讓sublime支持less的語法高亮和語法提示,對於搞less的同窗灰常重要,不過多解釋。ui
Emmet的前身是大名鼎鼎的Zen coding,若是你從事Web前端開發的話,對該插件必定不會陌生。它使用仿CSS選擇器的語法來生成代碼,大大提升了HTML/CSS代碼編寫的速度。
能夠驗證各類語法錯誤,很少解釋。
DocBlockr 可使你很方便地對代碼創建文檔。它會解析函數,變量,和參數,根據它們自動生成文檔範式,你的工做就是去填充對應的說明。
專門用來格式化js的工具,很是給力。
像這些符號是成對的:花括號{}, 中括號[],括號:() ,引號「」 等。 這些符號當咱們鼠標放在開始符號的位置的時候, 但願能明顯看到結尾符號在哪兒sublime默認是下劃線,很不明顯, 想要明顯一點,能夠安裝插件 BracketHighlighter。