## vs code 代碼格式化整理 2018年05月22日 18:13:16 閱讀數：10658 標簽： vs code 格式化 快捷鍵 更多 個人分類： vs code 版權聲明：本文為博主原創文章，未經博主允許不得轉載。 https://blog.csdn.net/latency_cheng/article/details/80409202 vs code格式化代碼的快捷鍵如下：（來源于這里）  但是自帶的格式化并不能滿足我的需求，這個時候，不得不說插件大法好。 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" ~~~ 然后用格式化代碼的快捷鍵就可以了。