1、安装插件

npm i -g eslint-plugin-vue

2、修改项目跟路径下的文件:.eslintrc | .eslint.js

VScode eslint-plugin-vue 自动修复eslint报错-LMLPHP

3、添加eslint 和 vetur 插件

VScode eslint-plugin-vue 自动修复eslint报错-LMLPHP

VScode eslint-plugin-vue 自动修复eslint报错-LMLPHP

4、修改vscode首选项配置

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

VScode eslint-plugin-vue 自动修复eslint报错-LMLPHP

配置完成,重启vscode,在保存时就会自动修复eslint的报错。

05-11 19:32