Visual Studio Code HTML CSS JavaScript ... | vscode html
在VisualStudioCode(VSCode)撰寫前端網頁程式時,經常需要對編輯的HTML,CSS及JavaScript程式碼整理排版讓原始碼變得整齊好維護,在VSCode可以安裝Beautify[1]這個程式碼排版(codeformatter)擴充套件來幫助我們快速排版。安裝方式在VSCode的最左側點選Extensions的圖示;或直接按Ctrl+Shift+X切換至擴充套件的marketplace。在搜尋欄位輸入"beautify"搜尋即可找到。點選[install]即可安裝。安裝好後,只要在目前編輯的HTML,CSS或JavaScript文件上按Shift+Alt+F即可對編輯區的程式碼排版。或按F1(或Ctrl+Shift+P)開啟指令面板(Comman...
在Visual Studio Code(VS Code)撰寫前端網頁程式時,經常需要對編輯的HTML,CSS及JavaScript程式碼整理排版讓原始碼變得整齊好維護,在VS Code可以安裝Beautify[1]這個程式碼排版(code formatter)擴充套件來幫助我們快速排版。
安裝方式在VS Code的最左側點選Extensions的圖示;或直接按Ctrl + Shift + X切換至擴充套件的marketplace。在搜尋欄位輸入"beautify"搜尋即可找到。
點選[install]即可安裝。
安裝好後,只要在目前編輯的HTML,CSS或JavaScript文件上按Shift + Alt + F即可對編輯區的程式碼排版。
或按F1(或Ctrl + Shift + P)開啟指令面板(Command Palette[2]),輸入"beautify"找到下面指令。然後選擇[Beautify File]對編輯區的整份文件進行重新排版,或選擇[Beautify selection]對滑鼠反白選取的區域重新排版。
參考:
References Beautify (marketplace.visualstudio.com) Command Palette (code.visualstudio.com)