經常使用的sublime text 3插件(很爽哦)

  我的比較懶,平時喜歡用webstorm,可是由於webstorm打開實在太慢了,而且太看設備,因此本人編輯簡單的文件依然會選擇使用sublime,雖然網上有不少關於此類插件的分享了,可是感受都是片斷,沒有重點細緻整理。css

  今天休息,在這簡單的分享下本身經常使用插件html

  • All Autocomplete

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

  

 

  • SublimeCodeIntel

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

  支持的語言挺多的(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.)linux

  • CTags

  實在方法跳轉,跳轉到你方法css3

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

  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

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

  • Autoprefixer

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

  • BracketHighlighter

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

  • BufferScroll

  你能夠輕鬆書寫一個文件多個位置了

  • ChineseLocalization

  各國語言包,小日本的都有哦

  

  • Color Highlighter

  顏色功能仍是很爽的,找了很久

  • CSS Comments

該有的都有,不應有的也有了

  • CSS Format

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

  • CSS3

css3語言提示插件,原本不想寫的,也不是什麼特別的,可是可能會有人用到

  • 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位,好的話就不用說了

  • Keymaps

  快速查找全部插件的快捷鍵

  • LiveStyle

  LiveStyle是Chrome中提升開發效率的一款CSS編輯器插件。利用LiveStyle和Sublime Text3編輯器結合可實現可視化開發,一次配置,簡單易用!,而且最近支持less,scss

  你本地css文件能夠和瀏覽器的css文件映射,同步到本地,可是必須在chrome上運行,chrome必須安裝相應的插件

  

  • Pretty JSON

JSON,一個輕量級的資料交換語言,目前許多網站AJAX request的回應結果都是JSON格式

  • SideBarEnhancements

  加強右鍵菜單文件操做功能

  

  • SublimeLinter

  代碼校驗插件,支持多種語言,這個是主插件,若是想檢測特定的文件須要單獨下載

  • SublimeLinter-jshint

  這個就是單獨的插件,上面的一個分支

  • SublimeTmpl

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

  • Tag

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

  • Alignment

  代碼對齊

  • PackageResourceViewer

  經過這個特殊的插件,會給你查看和編輯SublimeText附帶的不一樣的包帶來不少方便。您也能夠提取任何給定的包。這一行動將其複製到用戶文件夾,以便您能夠安全地對其進行編輯。

  不少人苦惱不能修改左側導航面板字體大小,用這個能夠輕鬆辦到

  安裝PackageResourceViewer 快捷鍵 ⌘(command)+⇧(shift)+P 打開 Command Palette 輸入 Package Control:Install 回車,等待加載package列表 搜索並安裝 PackageResourceViewer 包

  最後,使用PackageResourceViewer打開Theme文件進行編輯 快捷鍵 ⌘(command)+⇧(shift)+P 打開 Command Palette 輸入 PackageResourceViewer: Open Resource 回車,打開包列表 選擇 Theme - Default,再選擇 Default.sublimt-theme 搜索   sidebar_label,在 "class": "sidebar_label" 後邊加一行:"font.size": 18,將字體大小設置爲18,保存。 好啦,大功告成!

  若是以爲行間距過小,能夠往上找下,有個class:"sidebartree",調一下里邊的rowpadding配置便可。

  

  • Themr

  sublime能夠下載不少風格樣式,用這個插件能夠管理全部的風格

  這些就是咱們大部分要用到的,其它的我就不細說了,由於每一個人不同,好比說git,sass,svn這些大家能夠本身查找

  插件的網址以下,你能夠找到你喜歡的插件

  https://packagecontrol.io/browse

  最近出現sublime:3103版本好多沒有激活碼

  今天在這補充下文章

—– BEGIN LICENSE —–
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
B085E65E 2F5F5360 8489D422 FB8FC1AA
93F6323C FD7F7544 3F39C318 D95E6480
FCCC7561 8A4A1741 68FA4223 ADCEDE07
200C25BE DBBC4855 C4CFB774 C5EC138C
0FEC1CEF D9DCECEC D3A5DAD1 01316C36
—— END LICENSE ——
相關文章
相關標籤/搜索