Sublime text 3 插件整理分享

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

• AutoFileName

　　快速幫助你在文件中寫路徑整體來(lái)說(shuō)還不錯(cuò)

• Autoprefixer

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

• BracketHighlighter

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

• BufferScroll

　　你可以輕松書寫一個(gè)文件多個(gè)位置了

• ChineseLocalization

　　各國(guó)語(yǔ)言包，小日本的都有哦

• Color Highlighter

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

• CSS Comments

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

• CSS Format

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

• CSS3

css3語(yǔ)言提示插件，本來(lái)不想寫的，也不是什么特別的，但是可能會(huì)有人用到

• CTags

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

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

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

• DocBlockr

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

• Emmet

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

• HTML-CSS-JS Prettify

　　全能序列化

• JavaScript Completions

　　js最基本的api快查片段

• JsFormat

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

• Keymaps

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

• LiveStyle

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

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

• PackageResourceViewer

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

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

　　安裝PackageResourceViewer 快捷鍵 ?(command)+?(shift)+P 打開(kāi) Command Palette 輸入 Package Control:Install 回車，等待加載package列表 搜索并安裝 PackageResourceViewer 包

　　最后，使用PackageResourceViewer打開(kāi)Theme文件進(jìn)行編輯 快捷鍵 ?(command)+?(shift)+P 打開(kāi) Command Palette 輸入 PackageResourceViewer: Open Resource 回車，打開(kāi)包列表 選擇 Theme - Default，再選擇 Default.sublimt-theme 搜索 　　sidebar_label，在 "class": "sidebar_label" 后邊加一行："font.size": 18，將字體大小設(shè)置為18，保存。 好啦，大功告成！

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

• Pretty JSON

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

• SideBarEnhancements

　　增強(qiáng)右鍵菜單文件操作功能

• SublimeCodeIntel

　　一個(gè)全功能的 Sublime Text 代碼自動(dòng)完成引擎 ，本人做過(guò)對(duì)比，但是如果和webstorm的自動(dòng)尋找還是稍遜一籌，不過(guò)對(duì)于大部分人來(lái)說(shuō)夠用了，能很方便跳到你想要的方法

　　支持的語(yǔ)言挺多的（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

　　代碼校驗(yàn)插件，支持多種語(yǔ)言，這個(gè)是主插件，如果想檢測(cè)特定的文件需要單獨(dú)下載

• SublimeLinter-jshint

　　這個(gè)就是單獨(dú)的插件，上面的一個(gè)分支

• SublimeTmpl

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

• Tag

　　HTML/XML標(biāo)簽縮進(jìn)、補(bǔ)全和校驗(yàn)

• Themr

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

以上插件就是我們大部分要用到的，其它的我就不細(xì)說(shuō)了，因?yàn)槊總€(gè)人不一樣,比如說(shuō)git，sass，svn這些你們可以自己查找

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