vs code eslint自动修复

作者: 清远_03d9 | 来源:发表于2019-10-31 19:32 被阅读0次

1. 安装插件

npm i -g eslint-plugin-vue

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

757824-20180822111931005-1698645726.png

2. 添加eslint 和 vetur 插件

757824-20180822112021235-516591379.png

757824-20180822112051774-958170405.png

3. 首选项中加入如下代码，重新启动vs code

   "eslint.validate": [
        "javascript", //  用eslint的规则检测js文件
        {
          "language": "vue", // 检测vue文件
          "autoFix": true //  为vue文件开启保存自动修复的功能
        },
        {
          "language": "html",
          "autoFix": true
        },
        {
          "language": "js",
          "autoFix": true
        },
        {
          "language": "scss",
          "autoFix": true
        }
      ],
      "files.associations": {
        "*.vue": "vue"
      },
      "files.autoGuessEncoding": true,
      "editor.formatOnPaste": true,
    "view-in-browser.customBrowser": "mozilla",
    "eslint.autoFixOnSave": true