vue项目eslint自动校验格式配置

1、首先我们要在vscode中下载三个插件：Eslint、Prettier、Vetur

2、然后从菜单中找到：文件  》  首选项  》  设置，找到扩展，再找到eslint，点进去找到"在settings.json"中编辑。将以下代码复制上去：

//每次保存的时候将代码按eslint格式进行修复
    "eslint.autoFixOnSave": true,
    //添加vue支持
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "vue",
            "autoFix": true
        }
    ],
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    }

3、打开.eslintrc.js文件，在rules里复制上去下面这些代码：

'prettier/prettier': [
      'error',
      {
        semi: false,
        singleQuote: true,
        printWidth: 160,
      },
    ],

4、然后执行npm run lint就会将项目中的所有代码都会按eslint的标准来格式化。后面我们写代码的时间只要一保存就会按这个标准来格式化。