sublime3經常使用插件總結

 

本人以前使用的是webstorm,後來改用sublime,漸漸的愛上了它的快!(自行體會)css

 

  正式介紹sublime3經常使用的一些插件,安裝流程再也不贅述!html

  • SublimeTmpl

  建立經常使用文件初始模板,必須html,css,js模板前端

  • SublimeLinter

  一個支持lint語法的插件,能夠高亮linter認爲有錯誤的代碼行,也支持高亮一些特別的註釋,好比「TODO」,這樣就能夠被快速定位。(IntelliJ IDEA的TODO功能很贊,這個插件雖然比不上,可是也夠用了吧)node

  • All Autocomplete

  Sublime Text 默認的 Autocomplete 功能只考慮當前的文件,而 AllAutocomplete 插件會搜索全部打開的文件來尋找匹配的提示詞。linux

  •  Alignmen   

  等於號對齊,默認爲 Ctrl + Alt + A,但有可能跟QQ截圖 衝突,因此能夠本身設置快捷鍵,設置方式  導航欄 -> preferences ->package settings ->Alignment ->key Bildings-defaultweb

  • SublimeCodeIntel

  一個全功能的 Sublime Text 代碼自動完成引擎 ,本人作過對比,可是若是和webstorm的自動尋找仍是稍遜一籌,不過對於大部分人來講夠用了,能很方便跳到你想要的方法ubuntu

  支持的語言挺多的(JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.)api

  • CTags

  實在方法跳轉,跳轉到你方法瀏覽器

  以後在win7下或者linux下安裝ctags軟件webstorm

  1.   打開ctags插件包的use-setting配置"command": "d:/IDE/ctags58/ctags.exe"這個路徑是下載ctags的安裝路徑
  2. 這個插件能跨文件跳轉,跳轉到指定函數聲明的地方(ctrl+alt+左鍵)。 使用package control 搜索ctags 進行安裝(安裝ctags插件就能夠了, 還有一個 CTags for PHP 插件沒什麼用),注意安裝好插件後要須要安裝ctags命令。window 下載 ctags.exe  http://vdisk.weibo.com/s/7QZd7 。 將ctags.exe文件放在一個環境變量能訪問到的地方。打開cmd, 輸入ctags,若是有這個命令,證實成功了。ubuntu下安裝運行命令:sudo apt-get install exuberant-ctags 。而後在sublime項目文件夾右鍵, 會出       現Ctag:Rebuild Tags 的菜單。點擊它,而後會生成.tags的文件 而後在你代碼中, 光標放在某個函數上, 點擊 就能夠跳轉到函數聲明的地方。
  • AutoFileName

  快速幫助你在文件中寫路徑總體來講還不錯。

  • Autoprefixer

  這個插件主要應用css的瀏覽器兼容書寫,自動分析你的css文件,解析出新的css文件,能夠配置你要兼容的瀏覽器,不過這個插件要在以前安裝nodejs

  • BracketHighlighter

  配置文件的高亮設置,讓你的代碼有不一樣的顏色區分該插件提供配對標籤,或大括號或字符引號的配對高亮顯示,算是對系統高亮的增強吧。

  • BufferScroll

  一個文件多開的狀況下,你能夠輕鬆書寫一個文件多個位置了。

  • CSS Format

  css序列化插件,支持默認多種序列方案,還能夠本身配置本身喜歡的。

  • DocBlockr

  DocBlocker 是在Sublime平臺上開發一款自動補全註釋插件,支持JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.等衆多語言。(使用方法 /**回車)

  • Emmet

  Emmet的前身是大名鼎鼎的Zen coding,若是你從事Web前端開發的話,對該插件必定不會陌生。它使用仿CSS選擇器的語法來生成代碼,大大提升了HTML/CSS代碼編寫的速度。

  • HTML-CSS-JS Prettify

  全能序列化。

  • JavaScript Completions

  js最基本的api快查片斷

  • JsFormat

  js序列化,能排在下載插件前25位,好的話就不用說了。

  • Tag

  HTML/XML標籤縮進、補全和校驗

 

  設置本身的自定義快捷鍵

  //  設置html在瀏覽器中打開

  打開Preferences - 「Key Bindings - User」,添加此行:
  {"keys": ["ctrl+b"],"command": "open_in_browser"}
  保存後按ctrl+b就至關於右鍵-open in browser了,你也能夠換成本身喜歡的快捷鍵,只要把[ ]裏面的ctrl+b換成你喜歡的快捷鍵就能夠了

 

生活不易,且活且珍惜!

--------------------------------------------------------------------------------------------------------------------------------------------------------

2018/10/16  22:18

相關文章
相關標籤/搜索