Mac - Sublime Text 2 安裝、使用 HTMLPrettify ( Install HTMLPrettify in Sublime Text 2 )

相信網頁程式開發過程中常會需要貼上程式碼，而貼上的程式碼又排列的不整齊，這時可以使用 HTMLPrettify 來幫助你維持程式碼的整齊。( 其他 Mac 相關教學可以參考本篇整理 )

安裝 HTMLPrettify：

要使用 HTMLPrettify 必須要安裝 Node.js 與 HTMLPrettify，首先透過 Package Control 進行安裝 HTMLPrettify，按下 Command + Shift + P 打開指令列，輸入 Install Package 如下圖：

等待 Package Control 讀取完後，輸入 HTMLPrettify 如下圖：

選擇第一個 Plugin 項目等待自動安裝完後，接著繼續安裝 Node.js。

---

安裝 Node.js：
至 Node.js 官方網站下載 Node.js，選擇 Mac Installer ( .pkg 檔案 ) 下載完後按照指示一步步執行完成即可，如此一來就可以開始使用 HTMLPrettify，參考下圖：

注意：若你 Node.js 的安裝路徑非預設，使用 HTMLPrettify 時需重新設定 Node.js 路徑參數，才能正常運作。

---

使用 HTMLPrettify：
HTMLPrettify 使用方法其實很簡單，在編輯中的檔案裡直接使用快捷鍵 Command + Shift + H，你的程式碼就會幫你對齊整理好了，指令參考下圖：

如此一來透過 HTMLPrettify 將 HTML、CSS、JS 程式碼維持的整齊、乾淨，更利於開發的工作。其他 Sublime Text 2 相關文章可以參考這裡。