在 sublime text 中重新排版 js (javascript) 檔案

在 subilme text 中使用 JsFormat 來排版 javascript 檔案。

先確定有沒有安裝 Package Control ,沒有的話,先啟動 Command Palette 進入安裝。Command Palette 的熱鍵是 Ctrl + Shift + P ,然後選擇命令 Install Package Control(通常是輸入部分關鍵字母過濾即可快速找到 Install Package Control ,例如範例圖片中只輸入 ipc 就過濾得差不多了),命令有多個時可用上鍵下鍵移動,然後按Enter選取就好。

sublime text js-beautify

安裝完 Package Control 後,就可以用它來安裝套件了。

排版 javascript 檔案的套件中,直接用 Python 就可執行的是 JsFormat託管Github使用js-beautify官網jsbeautifier.org)。

啟動 Command Palette (熱鍵 Ctrl + Shift + P ) ,選擇命令 Package Control: Install Package (可輸入 pci 過濾),如下圖。等待載入套件清單。

sublime text js-beautify

等套件清單載入完成後,開始選擇套件,尋找 JsFormat (可輸入 jsf 過濾),然後按 Enter 安裝。等待安裝完成。

sublime text js-beautify

安裝完成後,可開啟某個 javascript 檔案來測試。下圖是隨手從 www.google.com 擷取的 javascript 片段作為範例。

sublime text js-beautify

啟動 Command Palette (熱鍵 Ctrl + Shift + P ) ,選擇命令 Format: Javascript (輸入 fj 大約可過濾差不多),如下圖。

sublime text js-beautify

等待執行完後,javascript 程式就重新排版完成了。

sublime text js-beautify

登登登登。