vsCode配置代碼格式化

在編譯器vscode上配置ESLint、Prettier、Vetur這個三個插件，而後在編譯器左上角文件的首選項中找到設置，搜索找到setting.json文件進行配置。
配置以下:

{
"workbench.editor.enablePreview": false, //打開文件不覆蓋
"search.followSymlinks": false, //關閉rg.exe進程
"editor.minimap.enabled": false, //關閉快速預覽
"files.autoSave": "afterDelay", //打開自動保存
"editor.lineNumbers": "on", //開啓行數提示
"editor.quickSuggestions": { //開啓自動顯示建議

"other": true,
"comments": true,
"strings": true

},
"editor.tabSize": 2, //製表符符號eslint
"editor.formatOnSave": true, //每次保存自動格式化
"eslint.autoFixOnSave": true, // 每次保存的時候將代碼按eslint格式進行修復
"prettier.eslintIntegration": true, //讓prettier使用eslint的代碼格式進行校驗
"prettier.semi": true, //去掉代碼結尾的分號
"prettier.singleQuote": true, //使用單引號替代雙引號
"prettier.trailingComma": "none", //去除對象最末尾元素跟隨的逗號
"javascript.format.insertSpaceBeforeFunctionParenthesis": true, //讓函數(名)和後面的括號之間加個空格
"vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html
"vetur.format.defaultFormatter.js": "vscode-typescript", //讓vue中的js按編輯器自帶的ts格式進行格式化
"vetur.format.defaultFormatterOptions": {

"js-beautify-html": {
  "wrap_attributes": "force-aligned" //屬性強制折行對齊
}

},
"eslint.validate": [ //開啓對.vue文件中錯誤的檢查

"javascript",
"javascriptreact",
{
  "language": "html",
  "autoFix": true
},
{
  "language": "vue",
  "autoFix": true
}

],
"[javascript]": {

"editor.defaultFormatter": "esbenp.prettier-vscode"

},
"terminal.integrated.rendererType": "dom",
"[typescript]": {

"editor.defaultFormatter": "esbenp.prettier-vscode"

}
}