##一些前端程式必備的 Sublime Text 2 Plugins

　

　

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

在編輯當前的檔案時，提示所有「打開中的檔案」的函數。

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「All Autocomplete」

　

　

—

BracketHighlighter

大括號、中括號、所有括號家族高亮匹配。

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「BracketHighlighter」

　

　

—

Browser Refresh

重新整理瀏覽器目前開啟的前景頁面。

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「Browser Refresh」

　

【熱鍵】

OS X     ：Cmd+Shift+R

Win/Linux：Ctrl+Shift+R

　

—

Change Quotes

單引號變雙引號，或反過來。

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「Change Quotes」

　

—

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

開啟調色盤選取色碼，或選取色碼看/改顏色。

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「ColorPicker」

　

【熱鍵】

OS X     ：super+Shift+C

Win/Linux：Ctrl+Shift+C

　

　

—

Compass

Compass 的 Build System（有安裝  或 就不需要了）

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「Compass」

　

　

—

ConvertToUTF8

將開啟的檔案編碼自動轉換成 UTF-8，編輯並保存目前編碼不被 Sublime Text 2 支持的檔案，特別是中日韓用戶使用的 GB2312，GBK，BIG5，EUC-KR，EUC-JP 等。

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「ConvertToUTF8」

　

　

—

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

ex-Zen Coding

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「Emmet」

　

　

—

Gis

方便的進行建立、搜尋插入、更新以及版本控制的代碼片段管理器。

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「Gis」

【教學】

　

　

—

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

HTML5 提示

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「HTML5」

　

　

—

IMESupport

在 windows 環境下，讓 Sublime Text 2 在輸入中文時，輸入框可以跟隨編輯區的光標位置直接打字。（超級必備！）

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「IMESupport」

　

　

—

JsFormat

將選取範圍內的 javascript 格式化。

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「JsFormat」

　

【熱鍵】

OS X     ：Ctrl+Alt+F

Win/Linux：Ctrl+Alt+F

　

　

—

jQuery

jQuery 提示

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「jQuery」

　

　

—

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

英文假字產生器

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「LoremIpsum」

【插入假字】

Edit → Text → Lorem Ipsum…

　

　

—

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

在 sidebar 的右鍵選單新增「Open Folder」選項，可開啟資料夾或用預設程式開啟圖片等。

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「Open Folder」

　

　

—

Open URL

開啟文檔中的網址或本地檔案路徑。

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「Open URL」

　

【熱鍵】

OS X     ：Ctrl+U

Win/Linux：Ctrl+U

　

　

—

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

重新命名當前未存檔的頁籤

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「RenameTab」

　

【熱鍵】

OS X     ：Alt+W

Win/Linux：Alt+W

　

　

—

Sass

SASS 提示、語法高亮

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「Sass」

　

　

—

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

增強 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

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

智能錯誤提示

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「SublimeLinter」

　

　

—

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

Wordpress 提示

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「Wordpress」

　

　

—

Theme - Phoenix

好看的主題

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「Theme - Phoenix」

　

　

—

Theme - Soda

好看的主題

　

【Package Control】

Ctrl+Shift+P→「Package Control:Install Package」→「Theme - Soda」