我使用的Sublime插件及配置
增強型插件
Package Control
快捷鍵ctrl+~,調出命令行，運行：
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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)
Terminal
方便地調出CMD。
快捷鍵
Ctrl+Shift+T。在Windows下默認會打開Windows PowerShell， 可配置為原生CMD：
配置：preference–>Package Settings–>Terminal–>Terminal Settings-users
{
"terminal": "C:\\WINDOWS\\system32\\cmd.exe",
//"terminal": "C:\\Program Files\\cmder\\Cmder.exe",
"parameters": ["/START", "%CWD%"]
}
Sidebar Enhancements
增強側邊欄。
AdvancedNewFile
快速新建文件。
可以指定目錄，若目錄不存在，也會新建該目錄。
使用：
Ctrl+Alt+N，輸入文件夾以及文件名，回車，子目錄下的文件新建完成。
Browser Refresh
保存文件自動刷新瀏覽器。
配置：Preferences > Package Settings > Browser Refresh > Key Bindings – Users
{
"keys": ["ctrl+s"], "command": "browser_refresh", "args": {
"auto_save": true,
"delay": 0.0,
"activate": true,
"browsers" : ["chrome"]
}
}
Sublime功能型插件
SublimeREPL
解釋器。
SublimeREPL 可以直接在編輯器中運行一個解釋器，支持很多語言：
Clojure, CoffeeScript, F#, Groovy, Haskell, Lua, MozRepl, NodeJS, Python, R, Ruby, Scala, shellTools->sublimeREPL->Python->選擇相應模塊
定制快捷鍵：preference->Key Bindings-User
[
{
"keys":["f5"],
"caption": "SublimeREPL: Python - RUN current file",
"command": "run_existing_window_command", "args":
{"id": "repl_python_run","file": "config/Python/Main.sublime-menu"}
},
{
"keys": ["f6"],
"caption": "SublimeREPL: Python - IPython",
"command": "run_existing_window_command","args":
{"id": "repl_python_ipython","file":"config/python/Main.sublime-menu"}
}
]
使用：F5:運行當前文件 F6:調出ipython命令行
SublimeCodeIntel
代碼提示插件。
點擊 Preferences->Browse Packages->SublimeCodeIntel
添加一個
.codeintel文件夾（Windows創建.codeintel文件夾需要輸入.codeintel.）在文件夾里面添加一個
config文件:
{
"PHP": {
"php": '/usr/bin/php',
"phpExtraPaths": [],
"phpConfigFile": 'php.ini'
},
"JavaScript": {
"javascriptExtraPaths": []
},
"Perl": {
"perl": "/usr/bin/perl",
"perlExtraPaths": []
},
"Ruby": {
"ruby": "/usr/bin/ruby",
"rubyExtraPaths": []
},
"Python": {
"python": '/usr/bin/python',
"pythonExtraPaths": []
},
"Python3": {
"python": '/usr/bin/python3',
"pythonExtraPaths": []
}
}
SublimeLinter
行內語法檢測插件。
支持： C/C++, Java, Python, PHP, JS, HTML, CSS, etc.
版本控制
Git
快捷鍵
Ctrl+Shift+P，輸入Git命令，在下拉框中選擇即可。特別的，輸入
git diff，還可以比較文件差異。
GitGutter
在gutter區域顯示一個標記,標記任何你在代碼中做的編輯,添加或刪除。
SVN
快捷鍵
Ctrl+Shift+P，輸入Git命令，在下拉框中選擇即可或者在相應文件上右鍵，選擇SVN命令
或者在側邊欄的文件、文件夾上右鍵，選擇SVN命令
Modific
標記代碼的改變，支持git和svn。
除了高亮變化，還可以通過按
Ctrl + Alt + D來查看或比較當前的代碼與最近提交的代碼之間的區別。
顏色、匹配
ColorPicker
取色器改變顏色。
使用方法:
Ctrl + Shift + C，快捷鍵有沖突，需修改。可以通過
Ctrl+Shift+P：搜索Colorpicker調用。
Color Highlighter
檢測CSS文件中的顏色碼，不論是Hex碼或者RGB碼都能很好的顯示。
Color Highlighter能夠設置成用背景色或者邊框提示顏色，
配置：preference->Package Setting->Color Highlighter->Settings User
{
"enabled": true,
"ha_style": "filled",
"icons": false
}
Color Highlighter有自帶的Color Picker。在CSS文件中選中顏色，右鍵菜單中選擇
Choose Color
Gutter Color
在gutter顯示css文件的顏色。需依賴imagemagick，沒配置成功。
BracketHighlighter
在gutter上顯示與鼠標位置匹配的括號、引號、HTML標簽
自動補全
AutoFileName
文件路徑自動提示。
AllAutocomplete
搜索全部打開的標簽頁。
Doc Blockr
生成優美的注釋。
簡單用法：輸入
/**並且按下Tab鍵的時候，會自動解析任何一個函數並且為你准備好合適的模板。
HTML與標記語言
Emmt
代碼快速補全。
有一套Emmt語法，可以快速創建HTML標簽。
按下Tab鍵，Emmet就能把一個縮寫展開成一個HTML和CSS代碼塊。
HTML-CSS-JS Prettify
HTML-CSS-JavaScript 代碼格式化。
這個代碼格式化插件可以代替很多其他格式化插件，如TAG，CssComb和JSFormat。
IconFont
字體圖標補全。
為許多流行的圖標字體提供了snippet（代碼片段）,比如 FontAwesome, PaymentFont,Typicons 和 Github Octicons。
它的工作原理類似於常規的HTML代碼段,每個圖標的縮寫將擴展成完整的class和HTML代碼。
Bootstrap 3 Snippetes / bs3
Bootstrap 3 代碼片段
配置：Preferences->Settings-User:
"auto_complete_triggers": [{"selector": "text.html", "characters": "<"},{"selector": "text.html", "characters": "bs3"}]
使用：代碼片段觸發字符為
bs3
MarkDown Editing
Markdonw最好的插件了：語法高亮，縮略詞，自動補全，配色方案。
MarkDown Preview
以用瀏覽器瀏覽 Sublime Text 中編寫的 markdown文件。
配置瀏覽器路徑：* Preferences->Package Settings->Markdown Preview->Setting User*
{
"browser" : "C:\\Users\\gymmer\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe"
}
設置快捷鍵：Preferences->Key Binding User
{
"keys": ["f3"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"}
}
使用：在Markdown文件頁面按下快捷鍵
CSS
AutoPrefixer
CSS文件中瀏覽器私有屬性前綴補全 。
需依賴Node.js。
使用：在輸入CSS3屬性后（冒號前）按
Tab鍵配置：Preferences>package setting>AutoPrefixer>Setting-User
{
"browsers": ["last 7 versions"],
"cascade": true,
"remove": true
}
或者
{
"browsers": ["last 2 versions","last 2 Chrome versions",">5%","Firefox >= 20","ie 6-8","iOS 7"]
}
快捷鍵綁定：Preferences>Key Bindings-User：
[
{ "keys": ["ctrl+alt+shift+p"], "command": "autoprefixer" }
]
CSScomb
CSS屬性排序。
使用：選中要排序的CSS代碼，右鍵菜單選擇
Run CSScomb。
Goto CSS Declaration
快速跳轉到CSS定義位置。
選中HTML文件中的class或id名，右鍵菜單選擇
Go To CSS Declaration。注意對應的css文件要同時打開才行。
Inc Dec Value
調整數字、日期、十六進制顏色。
將光標放在數字的右邊,然后按Alt +↑增加或Alt +↓減少。也可以使用鼠標滾輪。
允許你同時增加或減少數字,即使他們在不同的行。
Less
Less語法高亮
Less2css
自動編譯less文件為CSS文件
需依賴Node.js環境
npm install -g less
npm install -g less-plugin-clean-css
npm install -g less-plugin-autoprefix
JavaScript
jQuery
jQuery的API代碼片段。
JavaScript Completions
JS最基本的API快查片段。
Nodejs
node代碼提示。
Minify
HTML、CSS、JS壓縮
需依賴Node.js環境
npm install -g clean-css uglifycss js-beautify html-minifier uglify-js minjson svgo
使用：在相應文件上右鍵，選擇Minify。會自動生成一個同名的.min文件
Python
Anaconda
配置：preference->Package Setting->Acaconda->Settings User：
[
{"python_interpreter": "C/Python27/python.exe"}
]
Djaneiro
Django插件。
Python PEP8 Autoformat
代碼格式更正。
快捷鍵
ctrl+shift+R。
Python點操作符智能提示
復制
Python.sublime-package文件，到C:/Program Files/Sublime Text 3/Packages/
中文與編碼
ChineseLocalization
Sublime中文漢化包。
ConvertToUTF8
GBK編碼兼容。文件轉碼成utf-8.
可以編輯並保存目前編碼不被 Sublime Text 支持的文件。
使用：安裝插件后自動轉換為utf-8格式。
IMESupport
輸入中文時，候選詞跟隨鼠標.
GBK Encoding Support
中文識別
Sublime Text可識別UTF-8格式的中文，不識別GBK和ANSI，因此打開很多含中文的文檔都會出現亂碼。
通過安裝插件GBK Support,來識別GBK和ANSI。
有用的配置
添加到右鍵菜單
修改
sublime text3 注冊右鍵菜單.reg，將路徑換為sublime_text.exe所在路徑。注意，路徑中是雙斜杠\
驗證License
配置：打開Help -> Enter License，粘貼下列代碼：
—– 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 ——
安裝主題Brogrammer
下載壓縮包，解壓縮
重命名為
Theme - Brogrammer打開Sublime包目錄：Preferences -> Browse Packages
將
Theme - Brogrammer復制到包目錄下配置：Preferences -> Settings - User
{
"theme": "Brogrammer.sublime-theme",
"color_scheme": "Packages/Theme - Brogrammer/brogrammer.tmTheme"
}
用瀏覽器快速打開頁面
需先安裝Sidebar Enhancements.
-設置快捷鍵：Preferences->Key Bindings - User
//chorme
{
"keys": ["f1"],
"command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\Users\\gymmer\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
"extensions": ".*"
}
},
//IE
{
"keys": ["f2"],
"command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\Program Files\\Internet Explorer\\iexplore.exe",
"extensions": ".*"
}
}
其中：
keys是按鍵。
application是瀏覽器應用程序路徑，注意反斜杠的要轉義。
extensions是匹配所有的文件后綴格式。
直接按下快捷鍵即可
關閉自動更新
配置：Preferences -> Settings-User
加入這條語句：
"update_check":false關閉Submine Text並重啟，即不會再彈出更新提醒了
其他沒用過的
Alignment：代碼對齊
TrailingSpacer：高亮顯示多余的空格和Tab
JavaScriptNext：ES6語法識別
YUI Compressor：壓縮JS和CSS文件
Pretty JSON：格式化出漂亮的json