Sublime text 3 插件整理分享

在網(wǎng)上看到許多關(guān)于sublime插件的分享，感覺都是一些片段，沒有很詳細的那種整理說明。在這里給大家分享一些我常用的 sublime text 插件。

• AutoFileName

　　快速幫助你在文件中寫路徑整體來說還不錯

• Autoprefixer

　　這個插件主要應(yīng)用css的瀏覽器兼容書寫，自動分析你的css文件，解析出新的css文件，可以配置你要兼容的瀏覽器，不過這個插件要在之前安裝nodejs

• BracketHighlighter

　　配置文件的高亮設(shè)置，讓你的代碼有不同的顏色區(qū)分該插件提供配對標簽，或大括號或字符引號的配對高亮顯示，算是對系統(tǒng)高亮的加強吧。 

• BufferScroll

　　你可以輕松書寫一個文件多個位置了

• ChineseLocalization

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

• Color Highlighter

　　顏色功能還是很爽的，找了好久

• CSS Comments

       該有的都有，不該有的也有了

• CSS Format

　　css序列化插件，支持默認多種序列方案，還可以自己配置自己喜歡的

• CSS3

css3語言提示插件，本來不想寫的，也不是什么特別的，但是可能會有人用到

• CTags

　　實在方法跳轉(zhuǎn)，跳轉(zhuǎn)到你方法

　　之后在win7下或者linux下安裝ctags軟件

1. 　　打開ctags插件包的use-setting配置"command": "d:/IDE/ctags58/ctags.exe"這個路徑是下載ctags的安裝路徑
2. 這個插件能跨文件跳轉(zhuǎn)，跳轉(zhuǎn)到指定函數(shù)聲明的地方(ctrl+alt+左鍵)。 使用package control 搜索ctags 進行安裝（安裝ctags插件就可以了， 還有一個 CTags for PHP 插件沒什么用）,注意安裝好插件后要需要安裝ctags命令。 將ctags.exe文件放在一個環(huán)境變量能訪問到的地方。打開cmd， 輸入ctags，如果有這個命令，證明成功了。ubuntu下安裝運行命令：sudo apt-get install exuberant-ctags 。然后在sublime項目文件夾右鍵， 會出 現(xiàn)Ctag:Rebuild Tags 的菜單。點擊它，然后會生成.tags的文件 然后在你代碼中， 光標放在某個函數(shù)上， 點擊 就可以跳轉(zhuǎn)到函數(shù)聲明的地方。

• DocBlockr

　　DocBlocker 是在Sublime平臺上開發(fā)一款自動補全注釋插件，支持JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.等眾多語言

• Emmet

Emmet的前身是大名鼎鼎的Zen coding，如果你從事Web前端開發(fā)的話，對該插件一定不會陌生。它使用仿CSS選擇器的語法來生成代碼，大大提高了HTML/CSS代碼編寫的速度

• HTML-CSS-JS Prettify

　　全能序列化

• JavaScript Completions

　　js最基本的api快查片段

• JsFormat

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

• Keymaps

　　快速查找所有插件的快捷鍵

• LiveStyle

　　LiveStyle是Chrome中提高開發(fā)效率的一款CSS編輯器插件。利用LiveStyle和Sublime Text3編輯器結(jié)合可實現(xiàn)可視化開發(fā)，一次配置，簡單易用！，并且最近支持less,scss

　　你本地css文件可以和瀏覽器的css文件映射，同步到本地，但是必須在chrome上運行，chrome必須安裝相應(yīng)的插件

• PackageResourceViewer

　　通過這個特殊的插件，會給你查看和編輯SublimeText附帶的不同的包帶來很多方便。您也可以提取任何給定的包。這一行動將其復(fù)制到用戶文件夾，以便您可以安全地對其進行編輯。

　　很多人苦惱不能修改左側(cè)導(dǎo)航面板字體大小，用這個可以輕松辦到

　　安裝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，將字體大小設(shè)置為18，保存。 好啦，大功告成！

　　如果覺得行間距太小，可以往上找下，有個class:"sidebartree"，調(diào)一下里邊的rowpadding配置即可。

• Pretty JSON

JSON，一個輕量級的資料交換語言，目前許多網(wǎng)站AJAX request的回應(yīng)結(jié)果都是JSON格式

• SideBarEnhancements

　　增強右鍵菜單文件操作功能

• SublimeCodeIntel

　　一個全功能的 Sublime Text 代碼自動完成引擎 ，本人做過對比，但是如果和webstorm的自動尋找還是稍遜一籌，不過對于大部分人來說夠用了，能很方便跳到你想要的方法

　　支持的語言挺多的（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.）

• SublimeLinter

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

• SublimeLinter-jshint

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

• SublimeTmpl

　　創(chuàng)建常用文件初始模板，必須html,css,js模板

• Tag

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

• Themr

　　sublime可以下載很多風(fēng)格樣式，用這個插件可以管理所有的風(fēng)格

以上插件就是我們大部分要用到的，其它的我就不細說了，因為每個人不一樣,比如說git，sass，svn這些你們可以自己查找

插件的網(wǎng)址如下：（https://packagecontrol.io/browse  ） 希望你可以找到你喜歡的插件