Sublime Text 安裝插件蒸绩。

Sublime Text是有一個插件管理器的叫做Package Control在最新版本OSX客戶端中安裝特別方便在Tools選項卡中最后一項為Install Packages 選項，點擊一下稍等3秒鐘背犯，就OK了，

而對于Window用戶來說需要打開控制臺快捷鍵ctrl + 然后在控制臺里面根據(jù)你的Sublime Text版本粘貼下方對應(yīng)的代碼就行了

****Sublime Text 3:****

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by) 

****Sublime Text 2:****

import urllib2,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation') 

Package Control安裝完成按Commit + Shift + P快捷鍵進入插件管理

插件管理器.jpg

輸入 install 選擇Package Control:Install Package選項進入安裝插件

搜索插件.jpg

在這里輸入你想要安裝的插件名字回車安裝就行了获雕，在左下角會顯示你安裝的進度

官方安裝教程直通車

Sublime Text 插件集合富雅。

1. Emmet

功能：編碼快捷鍵蒲犬，前端必備
簡介：Emmet作為zen coding的升級版，對于前端來說势告，可是必備插件蛇捌，如果你對它還不太熟悉，可以在其官網(wǎng)（http://docs.emmet.io/）上看下具體的演示視頻咱台。
使用：教程-http://docs.emmet.io/cheat-sheet/络拌、http://peters-playground.com/Emmet-Css-Snippets-for-Sublime-Text-2/

2. JSFormat

功能：Javascript的代碼格式化插件
簡介：很多網(wǎng)站的JS代碼都進行了壓縮，一行式的甚至混淆壓縮吵护，這讓我們看起來很吃力盒音。而這個插件能幫我們把原始代碼進行格式的整理，包括換行和縮進等等馅而，是代碼一目了然祥诽，更快讀懂~
使用：在已壓縮的JS文件中，右鍵選擇jsFormat或者使用默認快捷鍵（Ctrl+Alt+F）

3. Alignment

功能：”=”號對齊
簡介：變量定義太多瓮恭，長短不一雄坪，可一鍵對齊
使用：默認快捷鍵Ctrl+Alt+A和QQ截屏沖突，可設(shè)置其他快捷鍵如：Ctrl+Shift+Alt+A屯蹦；先選擇要對齊的文本

4. Sublime-Autoprefixer

功能：CSS添加私有前綴
簡介：CSS還未標(biāo)準(zhǔn)化维哈，所以要給各大瀏覽器一個前綴以解決兼容問題
使用：Ctrl+Shift+P，選擇autoprefixer即可登澜。需要安裝node.js阔挠。
其他設(shè)置如快捷鍵請參考：https://sublime.wbond.net/packages/Autoprefixer

5. Clipboard History

功能：粘貼板歷史記錄
簡介：方便使用復(fù)制/剪切的內(nèi)容
使用：
? Ctrl+alt+v：顯示歷史記錄
? Ctrl+alt+d：清空歷史記錄
? Ctrl+shift+v：粘貼上一條記錄（最舊）
? Ctrl+shift+alt+v：粘貼下一條記錄（最新）

6. Bracket Highlighter

功能：代碼匹配
簡介：可匹配[], (), {}, “”, ”, <tag></tag>，高亮標(biāo)記脑蠕，便于查看起始和結(jié)束標(biāo)記
使用：點擊對應(yīng)代碼即可

7. Git

功能：git管理
簡介：插件基本上實現(xiàn)了git的所有功能
使用：https://github.com/kemayo/sublime-text-git/wiki

8. jQuery

功能：jQ函數(shù)提示
簡介：快捷輸入jQ函數(shù)购撼，是偷懶的好方法

9. DocBlockr

功能：生成優(yōu)美注釋
簡介：標(biāo)準(zhǔn)的注釋，包括函數(shù)名谴仙、參數(shù)迂求、返回值等，并以多行顯示晃跺，手動寫比較麻煩
使用：輸入/揩局、/*然后回車，還有很多用法掀虎，請參照
https://sublime.wbond.net/packages/DocBlockr

10. Color Picker

功能：調(diào)色板
簡介：需要輸入顏色時凌盯，可直接選取顏色
使用：快捷鍵Windows: ctrl+shift+c

Updata 2017-08-02
一付枫、文檔編碼，程序語言環(huán)境支持
文檔編碼ConvertToUTF8

二十气、文檔美化(語法高亮励背，代碼縮進春霍，標(biāo)簽操作砸西，文檔格式化)

格式化HTML/CSS/JS代碼Sublime-HTMLPrettify
*CSS格式化CSS Format
格式化JS代碼JsFormat
*JS保存時自動格式化代碼StandardFormat
高亮html標(biāo)簽、匹配括號址儒、引號BracketHighlighter
顏色代碼對應(yīng)色彩顯示ColorHighlighter
標(biāo)簽操作Tag
刪除空白字符TrailingSpaces
刪除空行DeleteBlankLines
擴展范圍選擇ExpandRegion

三芹枷、語法檢測，代碼測試
語法及風(fēng)格校驗框架SublimeLinter3
JS語法及風(fēng)格校驗SublimeLinter-jshintNode.js & npm
npm install -g jshint / npm install -g csslint
在項目創(chuàng)建.jshintrc文件配制各種規(guī)則{“eqeqeq”:true,”curly”:true}
http://jshint.com/

CSS語法及風(fēng)格校驗SublimeLinter-csslint
*測試HTTP請求SublimeHttpRequester

四莲趣、代碼智能提示鸳慈、補全與響應(yīng)，代碼模板
HTML/CSS代碼快速編寫Emmet
*雙向編輯樣式 LiveStyle
代碼智能提示補全Sublime?Code?Intel
注釋編輯Doc?Blockr
HTML拼接成JS插入字符串QuoteHTML
較全的各種提示喧伞，可配置Better Completion
*JS代碼段JavaScript Patterns snippets
*JS代碼段sublime-javascript-snippets
*jQuery代碼段SublimeText j?Query Snippets
*jQuery代碼段（可選）j?Query Snippets
Canvas代碼段Canvas Snippets
*CSS3提示CSS3
補全CSS前綴sublime-autoprefixer
*根據(jù)文件擴展名創(chuàng)建模板FileHeader
*新建文件時使用模版SublimeTmpl
根據(jù)打開的文件走芋，代碼補全好用，但是潘鲫，會有點亂
All Autocomplete
*Markdown語法支持MarkdownEditing
Markdown語法高亮Markdown Extended
Markdown文檔預(yù)覽和發(fā)布成HTMLMarkdown Preview
Markdown文檔目錄大綱MarkdownTOC

五翁逞、關(guān)聯(lián)文件類名、路徑補全
文件路徑自動提示AutoFileName

六溉仑、編輯器功能擴展
*漢化插件Chinese-Localization
符號編碼轉(zhuǎn)換 > > Hasher
擴展側(cè)邊欄右鍵功能SideBarEnhancements
菜單位置管理側(cè)邊欄SideBarFolders
更改側(cè)邊欄顏色SyncedSidebarBg
創(chuàng)建新文件AdvancedNewFile
輸入法輸入欄光標(biāo)位置IMESupport
*計劃任務(wù)PlainTasks
顏色選擇器ColorPicker
搜索所有打開的文件來尋找匹配的提示詞AllAutocomplete
*獲取最新版本的遠程文件或zip包Nettuts+Fetch
快捷鍵檢查FindKeyConflicts
擴展行列操作Sublime-MultiEditUtils
*HTTP服務(wù)器SublimeServer
Sublime Text 刪除重復(fù)字符RemoveDuplicateCharacters

具體使用方法還須大家慢慢摸索挖函，今天的分享就到這里，感覺有用不如點個喜歡吧浊竟。