vscode 保存时自动修复 vue 的错误

作者: LenHong | 来源:发表于2020-03-31 14:42 被阅读0次

安装插件

npm i -g eslint-plug

项目根目录下 eslintrc.js 配置

 plugins: [
    'html',
    'vue'  // 增加此配置项
  ],

添加eslint 和 vetur 插件，直接在插件商店搜索即可
修改 vscode 首选项配置
文件 > 首选项 > 设置 > eslint.validate > 在 settings.json 中编辑添加如下代码

"editor.codeActionsOnSave": {
        "source.fixAll.eslint": true,
        // 保存自动修复
        "eslint.autoFixOnSave": true,
        // jsx自动修复有问题，取消js的format
        "editor.formatOnSave": true,
        // Enable/disable default JavaScript formatter (For Prettier)
        "javascript.format.enable": true,
        "prettier.singleQuote": true,
        // 点击保存时，根据 eslint 规则自定修复，同时集成 prettier 到 eslint 中
        "prettier.eslintIntegration": true,
    },