##一些前端程式必備的 Sublime Text 2 Plugins
Alignment
http://wbond.net/sublime_packages/alignment
自動對齊選取範圍內 code 的等號。
EX：
var test1 = 123456789
var test10 = 123456
var test100 = 123
var test1000 = 1
↓
var test1 = 123456789
var test10 = 123456
var test100 = 123
var test1000 = 1
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「Alignment」
【熱鍵】
OS X ：Cmd+Ctrl+A
Win/Linux：Ctrl+Alt+A
—
All Autocomplete
https://github.com/alienhard/SublimeAllAutocomplete
在編輯當前的檔案時，提示所有「打開中的檔案」的函數。
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「All Autocomplete」
—
BracketHighlighter
https://github.com/facelessuser/BracketHighlighter
大括號、中括號、所有括號家族高亮匹配。
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「BracketHighlighter」
—
Browser Refresh
https://github.com/gcollazo/BrowserRefresh-Sublime
重新整理瀏覽器目前開啟的前景頁面。
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「Browser Refresh」
【熱鍵】
OS X ：Cmd+Shift+R
Win/Linux：Ctrl+Shift+R
—
Change Quotes
https://github.com/colinta/SublimeChangeQuotes
單引號變雙引號，或反過來。
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「Change Quotes」
—
Clipboard History
https://github.com/kemayo/sublime-text-2-clipboard-history
剪貼簿工具，自動記錄多筆複製的內容。
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「Clipboard History」
【熱鍵】打開複製和剪下的記錄面板
OS X ：Cmd+Ctrl+Alt+V
Win/Linux：Ctrl+Alt+V
（有裝 Evernote 的話熱鍵會相撞，記得改。）
—
ColorPicker
https://github.com/weslly/ColorPicker
開啟調色盤選取色碼，或選取色碼看/改顏色。
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「ColorPicker」
【熱鍵】
OS X ：super+Shift+C
Win/Linux：Ctrl+Shift+C
—
Compass
https://github.com/WhatWeDo/Sublime-Text-2-Compass-Build-System
Compass 的 Build System（有安裝 Compass.app 或Fire.app 就不需要了）
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「Compass」
—
ConvertToUTF8
https://github.com/seanliang/ConvertToUTF8
將開啟的檔案編碼自動轉換成 UTF-8，編輯並保存目前編碼不被 Sublime Text 2 支持的檔案，特別是中日韓用戶使用的 GB2312，GBK，BIG5，EUC-KR，EUC-JP 等。
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「ConvertToUTF8」
—
DeleteBlankLines
https://github.com/NicholasBuse/sublime_DeleteBlankLines
刪除空白行。
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「DeleteBlankLines」
【熱鍵】刪除選取範圍內的空白行
OS X ：Ctrl+Alt+Delete
Win/Linux：Ctrl+Alt+Backspace
【熱鍵】刪除剩餘的空白行
OS X ：Ctrl+Alt+Shift+Delete
Win/Linux：Ctrl+Alt+Shift+Backspace
—
Emmet
https://github.com/sergeche/emmet-sublime
ex-Zen Coding
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「Emmet」
—
Gis
https://github.com/condemil/Gist
方便的進行建立、搜尋插入、更新以及版本控制的代碼片段管理器。
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「Gis」
【教學】
http://lucifr.com/2012/03/07/sublime-text-2-plus-gist-equal-snippet-manager/
—
Goto-CSS-Declaration
https://github.com/rmaksim/Sublime-Text-2-Goto-CSS-Declaration
跳到所在的 CSS
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「Goto-CSS-Declaration」
【熱鍵】
OS X ：Cmd+right／Cmd+left
Win/Linux：win+.／win+,
—
HTML5
https://github.com/mrmartineau/HTML5
HTML5 提示
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「HTML5」
—
IMESupport
https://github.com/chikatoike/IMESupport
在 windows 環境下，讓 Sublime Text 2 在輸入中文時，輸入框可以跟隨編輯區的光標位置直接打字。（超級必備！）
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「IMESupport」
—
JsFormat
https://github.com/jdc0589/JsFormat
將選取範圍內的 javascript 格式化。
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「JsFormat」
【熱鍵】
OS X ：Ctrl+Alt+F
Win/Linux：Ctrl+Alt+F
—
jQuery
https://github.com/SublimeText/jQuery
jQuery 提示
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「jQuery」
—
KeymapManager
https://github.com/welefen/KeymapManager
熱鍵快查，把安裝的 Packages 的熱鍵（Key Bindings – Default）列出來。
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「KeymapManager」
【熱鍵】
OS X ：Ctrl+Alt+K
Win/Linux：Ctrl+Alt+K
—
LoremIpsum
https://github.com/billymoon/LoremIpsum
英文假字產生器
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「LoremIpsum」
【插入假字】
Edit → Text → Lorem Ipsum…
—
Markdown Preview
https://github.com/revolunet/sublimetext-markdown-preview
預覽 Markdown
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「Markdown Preview」
【預覽方式】
Ctrl+Shift+P 命令 →
「Markdown Preview: current file in browser」
- 在默認瀏覽器中對當前 Markdown 文件進行預覽。
「Markdown Preview: current file in Sublime Text」
- 在 Sublime Text 2 中產生 HTML 代碼。
—
Open Folder
https://github.com/mikepfirrmann/openfolder
在 sidebar 的右鍵選單新增「Open Folder」選項，可開啟資料夾或用預設程式開啟圖片等。
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「Open Folder」
—
Open URL
https://github.com/noahcoad/open-url
開啟文檔中的網址或本地檔案路徑。
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「Open URL」
【熱鍵】
OS X ：Ctrl+U
Win/Linux：Ctrl+U
—
PlainTasks
https://github.com/aziz/PlainTasks
把 Sublime Text 2 當作工作表來用。
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「PlainTasks」
【熱鍵】添加新任務
OS X ：Cmd+Enter／Cmd+I
Win/Linux：Ctrl+Enter／Ctrl+I
【熱鍵】將一個任務標記為完成／將一個完成的任務恢復為未完成
OS X ：Cmd+D／Cmd+滑鼠左鍵
Win/Linux：Ctrl+D／Ctrl+滑鼠左鍵
【熱鍵】將已完成任務歸檔到文檔結尾的 Archive 項目中
OS X ：Cmd+Shift+A
Win/Linux：Ctrl+Shift+A
【熱鍵】插入分隔線 —- ✄ ———————————-
OS X ：輸入兩個「-」並按下 tab 鍵
Win/Linux：輸入兩個「-」並按下 tab 鍵
【熱鍵】設為標題
OS X ：以半形冒號「:」結尾
Win/Linux：以半形冒號「:」結尾
—
RenameTab
https://github.com/frozenice-/RenameTab
重新命名當前未存檔的頁籤
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「RenameTab」
【熱鍵】
OS X ：Alt+W
Win/Linux：Alt+W
—
Sass
https://github.com/nathos/sass-textmate-bundle
SASS 提示、語法高亮
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「Sass」
—
SFTP
http://wbond.net/sublime_packages/sftp
就是加上 SFTP 和 FTP 等功能。
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「SFTP」
【專案 FTP 設定】
在專案資料夾按右鍵 →「SFTP/FTP」→「Add Remote Mapping…」
{
// sftp 或 ftp
“type”: “ftp”,
//上傳前存檔
“save_before_upload”: true,
//存檔立刻上傳
“upload_on_save”: false,
//開啟時同步遠端到本地
“sync_down_on_open”: false,
//同步時跳過刪除的檔案
“sync_skip_deletes”: false,
//開啟「下載確認」
“confirm_downloads”: false,
//開啟「同步確認」
“confirm_sync”: true,
//開啟「複寫確認」
“confirm_overwrite_newer”: false,
//主機
“host”: “xxx.xxx.xxx.xxx”,
//帳號
“user”: “xxxxxxxx”,
//密碼
“password”: “xxxxxxxx”,
//連接埠
“port”: “21”,
//遠端資料夾路徑
“remote_path”: “/public_html/”,
//略過的檔案或資料夾
“ignore_regexes”: [
”\.sublime-(project|workspace)”, “sftp-config(-Alt\d?)?\.json”,
”sftp-settings\.json”, “/venv/”, “\.svn”, “\.hg”, “\.git”,
“\.bzr”, “_darcs”, “CVS”, “\.DS_Store”,
“Thumbs\.db”, “desktop\.ini”
]
}
【熱鍵】上傳檔案
OS X ：Ctrl+Cmd+u+F
Win/Linux：Ctrl+Alt+u+F
【熱鍵】上傳改過的檔案
OS X ：Ctrl+Cmd+u+C
Win/Linux：Ctrl+Alt+u+C
【熱鍵】上傳開啟的檔案
OS X ：Ctrl+Cmd+U+N
Win/Linux：Ctrl+Alt+U+N
【熱鍵】下載檔案
OS X ：Ctrl+Cmd+U+O
Win/Linux：Ctrl+Alt+U+O
【熱鍵】上傳當前檔案所在的資料夾
OS X ：Ctrl+Cmd+u+R
Win/Linux：Ctrl+Alt+u+R
【熱鍵】下載當前檔案所在的資料夾
OS X ：Ctrl+Cmd+U+E
Win/Linux：Ctrl+Alt+U+E
【熱鍵】diff 遠端檔案
OS X ：Ctrl+Cmd+U+I
Win/Linux：Ctrl+Alt+U+I
【熱鍵】同步本地到遠端
OS X ：Ctrl+Cmd+U+Y
Win/Linux：Ctrl+Alt+U+Y
【熱鍵】同步遠端到本地
OS X ：Ctrl+Cmd+U+D
Win/Linux：Ctrl+Alt+U+D
【熱鍵】雙向同步
OS X ：Ctrl+Cmd+U+B
Win/Linux：Ctrl+Alt+U+B
【熱鍵】監視檔案
OS X ：Ctrl+Cmd+U+M
Win/Linux：Ctrl+Alt+U+M
【熱鍵】瀏覽遠端
OS X ：Ctrl+Cmd+U+W
Win/Linux：Ctrl+Alt+U+W
【熱鍵】設定 Server
OS X ：Ctrl+Cmd+R+S
Win/Linux：Ctrl+Alt+R+S
【熱鍵】瀏覽 Server
OS X ：Ctrl+Cmd+R+B
Win/Linux：Ctrl+Alt+R+B
【熱鍵】顯示最後一個使用的 Server
OS X ：Ctrl+Cmd+R+N
Win/Linux：Ctrl+Alt+R+N
【熱鍵】編輯 Server
OS X ：Ctrl+Cmd+R+E
Win/Linux：Ctrl+Alt+R+E
【熱鍵】刪除 Server
OS X ：Ctrl+Cmd+R+D
Win/Linux：Ctrl+Alt+R+D
【熱鍵】顯示 SFTP 面板
OS X ：Ctrl+Cmd+U+S
Win/Linux：Ctrl+Alt+U+S
【熱鍵】停止
OS X ：Ctrl+Cmd+U+X
Win/Linux：Ctrl+Alt+U+X
—
SideBarEnhancements
https://github.com/titoBouzout/SideBarEnhancements
增強 Sublime Text 2 sidebar 右鍵選單的功能
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「SideBarEnhancements」
【編輯專案的網址】
在專案資料夾按右鍵 →「Project」→「Edit Projects Preview URLs」
{
//專案一路徑
“C:/XXX/XXX/XXX”:{
//測試網址
“url_testing”:”http://testing”,
//正式網址
“url_production”:”http://domain.tld”
},
//專案二路徑
“C:/XXX/XXX/XXX”:{
//測試網址
“url_testing”:”http://testing”,
//正式網址
“url_production”:”http://domain.tld”
}
}
【熱鍵】開啟測試網址
OS X ：F12
Win/Linux：F12
【熱鍵】開啟正式網址
OS X ：Alt+F12
Win/Linux：Alt+F12
—
SublimeCodeIntel
https://github.com/Kronuz/SublimeCodeIntel
PHP, Python, RHTML, JavaScript, Smarty, Mason, Node.js, XBL, Tcl, HTML, HTML5, TemplateToolkit, XUL, Django, Perl, Ruby, Python3 提示
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「SublimeCodeIntel」
—
SublimeLinter
https://github.com/SublimeLinter/SublimeLinter
智能錯誤提示
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「SublimeLinter」
—
Tag
https://github.com/SublimeText/Tag
HTML 優化
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「Tag」
【熱鍵】HTML 格式化
OS X ：Cmd+Alt+F
Win/Linux：Alt+F
【熱鍵】把選中的字變 ＜選中的字＞＜/選中的字＞
OS X ：Ctrl+Shift+,
Win/Linux：Ctrl+Shift+,
—
Wordpress
https://github.com/purplefish32/sublime-text-2-wordpress
Wordpress 提示
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「Wordpress」
—
Theme - Phoenix
http://netatoo.github.com/phoenix-theme
好看的主題
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「Theme - Phoenix」
—
Theme - Soda
http://buymeasoda.github.com/soda-theme
好看的主題
【Package Control】
Ctrl+Shift+P→「Package Control:Install Package」→「Theme - Soda」