vue项目自定义eslint规则

使用vue-cli3构建的项目，我们通常会使用"@vue/standard"的eslint规则。有些规则和vs code的格式化规则有冲突，如function后面加空格、js文件缩进位数、分号非必须等等。

我们可以通过修改项目根目录下的package.json文件去自定义规则，以保证eslint能通过正常检测。（修改完后记得重编译下项目。）

package.json文件修改如下：

{
  "name": "myproject",
  "version": "1.0.0",
  ... 省略其他配置项
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true,
      "jquery": true
    },
    "extends": [
      "plugin:vue/essential",
      "@vue/standard"
    ],
    "rules": {
      // 不检查分号
      "no-extra-semi": [0],
      // 缩进2或4个空格
      "indent": [2,4],
      // function的参数前加空格
      "space-before-function-paren": [0]
    },
    "parserOptions": {
      "parser":"babel-eslint"
    }
  },
  ...省略其他配置项
}