淺談vscode程式碼格式化的方法

相關推薦：《vscode教學》

vs code格式化程式碼的快速鍵如下：（來自這裡）

• On Windows Shift   Alt   F
• On Mac Shift   Option   Shift   
Option
•    Shift   Option ##F
On Ubuntu 

Ctrl

   

Shift

   

I

但是自帶的格式化並不能滿足我的需求，這時候，不得不說插件大法好。

1、程式碼格式化為eslint風格（參考自這裡）

需要外掛程式：eslint##################在設定中新增：###

"eslint.autoFixOnSave": true,
"eslint.validate": [
  "javascript",
  "javascriptreact",
  {
    "language": "html",
    "autoFix": true
  },
  {
    "language": "vue",
    "autoFix": true
  }
],

eslint.autoFixOnSave 用來進行儲存時自動格式化，但預設只支援 javascript .js 檔案。

eslint.validate 用來設定作用的檔案類型。

然後在儲存程式碼的時候，就會自動格式化為eslint風格（需要儲存多次）。

2、HTML格式化程式碼縮排

需要外掛程式：Vetur

#Vetur是一個功能非常強大的插件，為vs code 編寫Vue程式碼提供了強大的支持，也支援大多數主流的前端開發腳本。具體可以看​​這裡->Vetur文件

安裝這個外掛後，可以在設定中看到如下的內容：

為了讓HTML程式碼可以格式化縮進，新增以下一條：

"vetur.format.defaultFormatter.html": "prettier"

然後用格式化程式碼的快速鍵就可以了。

更多程式設計相關知識，請造訪：程式設計課程！ ！

以上是淺談vscode程式碼格式化的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！