sublime text 必备插件

※ 前端工程師必備的 HTML-CSS-JS Prettify 擴充套件 ( 參見 Sublime-HTMLPrettify 官網 )

Sublime Text 套件名稱：HTML-CSS-JS Prettify

此套件使用方式大致如下：

• 安裝完成後，只要先按下 Ctrl+Shift+P 再輸入 HTMLPrettify 找到相對應的指令，按下 Enter 之後就會自動格式化目前文件。
• 這是一套將 HTML/CSS/JS 格式化的套件，核心使用 nodejs 處裡格式化任務，所以你必須明確指定 node.exe 的位址才能使用該套件，請先到http://nodejs.org 下載 nodejs 並安裝起來。
• 第一次使用時會出現以下視窗，按下 OK 之後必須先指定 node.exe 的執行檔所在位置才能用： 
  
• 請將路徑修改為 C:/Program Files/nodejs/node.exe 如下圖示： 
  

※ AngularJS 開發人員必備的 AngularJS 擴充套件 ( 參見 AngularJS-sublime-package 官網 )

Sublime Text 套件名稱：AngularJS

此套件使用方式大致如下：

• 提供許多 AngularJS 開發過程所需的自動完成 (Auto-completion) 需求
• 常見的 AngularJS 工具函式與 ng 模組中內建的 services 都有提供 Intellisense
• 可快速跳躍至選中的 directive, filter, …

※ 版控人員必備的 Git 擴充套件 ( 參見 https://github.com/kemayo/sublime-text-git 官網 )

Sublime Text 套件名稱：Git

此套件使用方式大致如下：

• 安裝完成後，只要先按下 Ctrl+Shift+P 再按照你原本輸入 Git 指令的方式選擇想執行的動作即可 
  

其他好用 Sublime Text 擴充套件

• AutoFileName 
  可以在輸入 URL 或圖片網址時，自動提供路徑或檔名建議 (autocompletes filenames)
• Bower 
  可以直接從 Sublime Text 直接執行 Bower 安裝命令 (Ctrl+Shift+P)
• Grunt 
  可以直接從 Sublime Text 直接執行 Grunt 工作 (Ctrl+Shift+P)
• TrailingSpaces 
  可自動顯示每一行後面出現的多餘空白字元，並可透過 TrailingSpaces 命令刪除 (Ctrl+Shift+P)
• BracketHighlighter 
  可自動顯示 HTML 標籤或 JavaScript 的各種對應區塊 ( { } )
• DocBlockr 
  自動產生區塊是註解的工具，可用在 JS, CSS, PHP, CoffeeScript, Actionscript, C & C++ 等等
• SideBarEnhancements 
  提供許多側邊攔 (SideBar) 的右鍵選單功能，非常實用！ ( 按下 Ctrl+K+B可顯示/隱藏側邊攔 )
• SideBarGit 
  在側邊攔加上 Git 選單，可以針對目錄或檔案進行 Git 版本控管操作