淺談vscode代碼格式化的方法

相關推薦：《vscode教程》

vs code格式化代碼的快捷鍵如下：（來源于這里）

• On Windows?Shift?+?Alt?+?F
• On Mac?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教程！！

以上就是淺談