visual配置eslint

settings.json中配置

			{
"eslint.alwaysShowStatus": true,
"prettier.trailingComma": "none",
"prettier.semi": false,
//每行文字个数超出此限制将会被迫换行
"prettier.printWidth": 300,
//使用单引号替换双引号
"prettier.singleQuote": true,
"prettier.arrowParens": "avoid",
//设置.vue文件中，HTML代码的格式化插件
"vetur.format.defaultFormatter.html": "js-beautify-html",
// "vetur.ignoreProjectWarning": true,
"vetur.format.defaultFormatterOptions": {
   "prettier": {
       "trailingComma":"none",
       "semi":false,
       "singleQuote":true,
       "arrowParens":"avoid",
       "printWidth":300
   },
   "js-beautify-html": {
       "wrap_attributes":false
   }
},

// eslint插件配置
"editor.codeActionsOnSave": {
    "source.fixAll": true,
},
//配置Vetur插件，忽略提示
"vetur.ignoreProjectWarning": true,
// 导入文件时携带扩展名
"path-autocomplete.extensionOnImport": true,
// 配置@的提示
"path-autocomplete.pathMappings": {
    "@": "${folder}/src"
},
"workbench.colorTheme": "Default Dark+",
"[html]": {
    "editor.defaultFormatter": "Vue.volar"
},
"editor.fontSize": 15,
"[vue]": {
    "editor.defaultFormatter": "octref.vetur"
},
// 每次保存的时候编辑器的自动格式化（建议关掉，用eslint来修复）
"editor.formatOnSave": true

}

插件

![在这里插入图片描述](https://img-blog.csdnimg.cn/c389a8e0716247b59068e2f642374e4d.png)