Sublime Text3 插件

炫酷狂拽的Sublime Text廣受讚譽,且易於擴展,衆多開發者貢獻插件。經過包管理工具——Package Control 能夠方便安裝和管理。本文向你們推薦15款優秀的Sublime插件,均可以經過Package Control方便地安裝。前端

Package Control 安裝方法

經過快捷鍵 ctrl+` 或者菜單(View > Show Console)
打開控制檯,而後粘貼下列的 Python 代碼。python

Sublime Text 2:git

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

Sublime Text 3:github

import 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 設置:

其中用到了 soda 樣式ide

{
    "font_face": "courier new",
    "font_size": 9.0,
    "highlight_line": true,
    "scroll_past_end": false,
    "tab_size": 4,
    "theme": "Soda Dark.sublime-theme",
    "word_wrap": true
}

Sublime Text快捷鍵工具

  • Ctrl+Shift+P:打開命令面板
  • Ctrl+P:搜索項目中的文件
  • Ctrl+G:跳轉到第幾行
  • Ctrl+W:關閉當前打開文件
  • Ctrl+Shift+W:關閉全部打開文件
  • Ctrl+Shift+V:粘貼並格式化
  • Ctrl+D:選擇單詞,重複可增長選擇下一個相同的單詞
  • Ctrl+L:選擇行,重複可依次增長選擇下一行
  • Ctrl+Shift+L:選擇多行
  • Ctrl+Shift+Enter:在當前行前插入新行
  • Ctrl+X:刪除當前行
  • Ctrl+M:跳轉到對應括號
  • Ctrl+U:軟撤銷,撤銷光標位置
  • Ctrl+J:選擇標籤內容
  • Ctrl+F:查找內容
  • Ctrl+Shift+F:查找並替換
  • Ctrl+H:替換
  • Ctrl+R:前往 method
  • Ctrl+N:新建窗口
  • Ctrl+K+B:開關側欄
  • Ctrl+Shift+M:選中當前括號內容,重複可選着括號自己
  • Ctrl+F2:設置/刪除標記
  • Ctrl+/:註釋當前行
  • Ctrl+Shift+/:當前位置插入註釋
  • Ctrl+Alt+/:塊註釋,並Focus到首行,寫註釋說明用的
  • Ctrl+Shift+A:選擇當前標籤先後,修改標籤用的
  • F11:全屏
  • Shift+F11:全屏免打擾模式,只編輯當前文件
  • Alt+F3:選擇全部相同的詞
  • Alt+.:閉合標籤
  • Alt+Shift+數字:分屏顯示
  • Alt+數字:切換打開第N個文件
  • Shift+右鍵拖動:光標多不,用來更改或插入列內容
  • 鼠標的前進後退鍵可切換Tab文件
  • 按Ctrl,依次點擊或選取,可須要編輯的多個位置
  • 按Ctrl+Shift+上下鍵,可替換行

經常使用擴展推薦

  1. Emmet Emmet 提供了一種很是簡練的語法規則,而後馬上生成對應的 HTML 結構或者 CSS 代碼,同時還有多種實用的功能幫助進行前端開發。
  2. Sublime​Linter——代碼校驗插件,支持多種語言;
  3. HTML5HTML5 bundle;
  4. Alignment 代碼對齊;
  5. Bracket​Highlighter 括號高亮匹配;
  6. Git 整合 Git 功能的插件;
  7. jQuery 智能提示jQuery代碼;
  8. LESS LESS 代碼高亮;
  9. Js​Format JavaScript代碼格式化;
  10. Tag HTML/XML標籤縮進、補全和校驗;
  11. LiveReload 即時刷新頁面;
  12. Pretty JSON JSON美化;
  13. Can I Use 查詢 CSS 屬性兼容性;
  14. Coffee​Script Coffee​Script 代碼高亮、校驗和編譯等;
  15. Color​Picker 跨平臺取色器插件;
  16. SideBarGit
  17. SideBarEnhancements 
  18. Babel
相關文章
相關標籤/搜索