VScode 自动修复vue项目中eslint报错

1、安装插件 eslint-plugin-vue

npm i -g eslint-plugin-vue

2、修改项目跟路径下的文件:.eslintrc | .eslint.js
添加vue选项
VScode 自动修复vue项目中eslint报错_第1张图片

3、添加eslint 和 vetur 插件

VScode 自动修复vue项目中eslint报错_第2张图片
VScode 自动修复vue项目中eslint报错_第3张图片

4、修改vscode首选项配置
【汉化版 文件>首选项>设置找到对应的配置文件】
【英文版 file>preferences>setting找到对应的配置文件】

VScode 自动修复vue项目中eslint报错_第4张图片

【找到配置文件添加如下代码】

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

VScode 自动修复vue项目中eslint报错_第5张图片

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

参考: https://www.cnblogs.com/mengfangui/p/9516578.html

你可能感兴趣的:(开发工具配置)