sublime text 插件（前端自用）

一、軟件安裝

ST中文論壇：http://sublimetext.iaixue.com/   或者 http://sublimetext.iaixue.com/dl/#sublime_text_3103.win.optimize.x64

二、Package Control安裝

方法一：在線安裝，首先打開 Ctrl + ~，ST2輸入如下的代碼：

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

ST3輸入如下的代碼：

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

安裝完了之后重啟軟件即可。

ps：輸入Ctrl + Shift + P 然后輸入Install Package看是否可以調(diào)出來Install Package驗(yàn)證下安裝是否成功。

三、安裝插件

安裝好Package Control之后安裝插件很簡單，輸入Ctrl + Shift + P 然后找到希望安裝的插件安裝即可。

安裝Sublime Text的插件備份，直接解壓插件，然后將解壓后的文件夾取個(gè)名字放到點(diǎn)擊PreFerences --> Browse Packages，進(jìn)入的文件夾文件夾，安裝成功。

四、插件集

• jQuery Package for sublime Text：如果你離不開jQuery的話，這個(gè)必備～～
• javascript-API-Completions：支持Javascript、JQuery、Twitter Bootstrap框架、HTML5標(biāo)簽屬性提示的插件，是少數(shù)支持sublime text 3的后綴提示的插件，HTML5標(biāo)簽提示sublime text 3自帶，不過JQuery提示還是很有用處的，也可設(shè)置要提示的語言。
• SublimeTmpl 快速生成文件模板：新建html、css、javascript、php、python、ruby六種模板，所有文件模板在插件目錄templates文件夾里，可自定義編輯文件模板。
• EncodingHelper：編碼眾多，比較豐富
• Compare Side-By-Side：比較對(duì)象文件，在待比較的Tab上右鍵選擇Compare with...，然后選擇另一個(gè)打開的比較對(duì)象即可，Sublime會(huì)自動(dòng)彈出新的窗口顯示兩個(gè)文件
• BracketHighlighter：顯示我在哪個(gè)括號(hào)內(nèi)
• Sublime Prefixr：CSS3 私有前綴自動(dòng)補(bǔ)全插件
• SublimeLinter：一個(gè)支持lint語法的插件，可以高亮linter認(rèn)為有錯(cuò)誤的代碼行，也支持高亮一些特別的注釋
• Placeholders：占位用，包括一些占位文字和HTML代碼片段
• JS Format：JS代碼格式化
• TrailingSpacer ：高亮顯示多余的空格和Tab
• CSS Compact Expand ：CSS屬性展開收縮
• GitGutter & Modific：這些插件可以高亮相對(duì)于上次提交有所變動(dòng)的行，換句話說是實(shí)時(shí)的diff工具。
• AllAutocomplete：搜索所有打開的文件來尋找匹配的提示詞。
• Emmet ：項(xiàng)目的前身是前端開發(fā)人員熟知的 Zen Coding（快速編寫 HTML/CSS 代碼的方案）。
• Terminal：打開在當(dāng)前文件所在的目錄的終端
• SublimeREPL：允許你在 Sublime Texxt 中運(yùn)行各種語言（NodeJS ， Python，Ruby， Scala 和 Haskell 等等）。
• ColorPicker：選色工具，編輯器使用- Ctrl/Cmd + Shift + C。 GutterColor 和 ColorHighlightergutter可以在gutter中顯示很棒的色彩高亮，簡化了色彩代碼的定位。
• MarkdownPreview ：本地編寫 Markdown，可以預(yù)覽文件，還有顏色高亮顯示。
• MarkdownEditing：語法高亮，縮略詞，自動(dòng)補(bǔ)全，配色方案。
• DocBlockr：幫助你創(chuàng)造你的代碼注釋，通過解析功能，參數(shù)，變量，并且自動(dòng)添加基本項(xiàng)目。
• WebInspector：在 JavaScript調(diào)試方面，這是一個(gè)令人驚訝的工具，Sublime上的完整的代碼檢查工具。
• BracketHighlighter：打開和折疊代碼
• Floobits：SublimeText, Vim, Emacs, IntelliJ IDEA極佳的擴(kuò)展工具，它使得開發(fā)者可以在從不同的編輯器合作編寫代碼。
• AutoFileName：自動(dòng)補(bǔ)全文件路徑-非常方便。沒有廢話。
• Colorcoder：高亮所有變量，因此可以極大的簡化代碼定位。尤其是對(duì)那些有閱讀障礙的程序員非常有幫助。
• PlainTasks：杰出的待辦事項(xiàng)表！所有的任務(wù)都保持在文件中，所以可以很方便的把任務(wù)和項(xiàng)目綁定在一起。可以創(chuàng)建項(xiàng)目，貼標(biāo)簽，設(shè)置日期。有競(jìng)爭力的用戶界面和快捷鍵。
• CanIUse：如果您想檢查瀏覽器是否支持你包括在你的代碼中的CSS和HTML元素，那么這是你需要的插件。所有您需要做的就是選擇有疑問的元素，插件將為你做其余的事情。
• FileDiffs：允許你看到SublimeText中兩個(gè)不同文件的差異。你可以比較的對(duì)象可以是從剪貼板中復(fù)制的數(shù)據(jù)，或工程中的文件，當(dāng)前打開的文件等。