@vue-cli搭建项目，后t添加eslint，步骤参考文章

1. 在package.json中配置

  "devDependencies": {
    "@vue/cli-plugin-eslint": "~4.4.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2"
  },
  "eslintConfig": {
    "root": true, 
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {
      "no-multi-spaces": 1,
      "no-extra-semi": 1,
      "eqeqeq": 1,
      "eol-last": 1,
      "no-multiple-empty-lines": 1,
      "quotes": ["error","single"],
      "semi": ["error","never"],
      "no-trailing-spaces": 1
    }
  }

 

二： 执行npm install

三： 在vue.config.js中配置

module.exports = {

  lintOnSave: process.env.NODE_ENV !== 'production',

  devServer: {

    hot: true,

    clientLogLevel: 'warning'

  }

}

 

备注：rules我只配置了常用的配置,vue.config.js中配置不影响编译，只在浏览器控制台打印警告