1. 安装

      1. npm i eslint -D

    2. 在项目根目录中使用命令行初始化

      1. npx eslint --init
      2. #√ How would you like to use ESLint? · style
      3. #√ What type of modules does your project use? · esm
      4. #√ Which framework does your project use? · vue
      5. #√ Does your project use TypeScript? · No
      6. #√ Where does your code run? · node
      7. #√ How would you like to define a style for your project? · guide
      8. #√ Which style guide do you want to follow? · standard
      9. #√ What format do you want your config file to be in? · JavaScript
      10. #√ Would you like to install them now? · Yes
      11. #√ Which package manager do you want to use? · npm

    3. 在npm scripts中添加验证脚本

      1. {
      2. "lint": "eslint ./src/**/*.{js,jsx,vue} --fix"
      3. }

    4. 如果使用的是vue3，则需要在配置文件中修改extends下的plugin为vue/vue3-strongly-recommend，默认的essential是vue2的语法规则

    5. 打开IDE的ESLint检查与保存时自动修复
    6. 使用eslint-disable-next-line可以忽略下一行的语法检查

    7. 配置模板

      1. module.exports = {
      2. root: true,
      3. parserOptions: {
      4.  parser: 'babel-eslint',
      5.  sourceType: 'module'
      6. },
      7. env: {
      8.  browser: true,
      9.  node: true,
      10.  es6: true,
      11. },
      12. extends: ['plugin:vue/recommended', 'eslint:recommended'],
      14. // add your custom rules here
      15. //it is base on https://github.com/vuejs/eslint-config-vue
      16. rules: {
      17.  'camelcase': [0, {
      18.    'properties': 'always'
      19.  }], //强制驼峰法命名 - 关闭
      20.  'eol-last': 0, //文件以单一的换行符结束 - 打开
      21.  'eqeqeq': ["error", "always", {
      22.    "null": "ignore"
      23.  }], //必须使用全等  0关 1警告 2或者error错误
      24.  'no-const-assign': 2, //禁止修改const声明的变量 - 开启
      25.  "no-empty": 0, //块语句中的内容不能为空 - 关闭
      26.  'no-spaced-func': 2, //函数调用时 函数名与()之间不能有空格 - 开启
      27.  'no-undef': 2, //不能有未定义的变量 - 打开
      28.  'no-unused-vars': [2, {
      29.    'vars': 'all',
      30.    'args': 'none'
      31.  }], //不能有声明后未被使用的变量或参数 0关 1警告 2声明不使用就爆红
      32.  "vue/html-self-closing": ['error', {
      33.    "html": {
      34.      "void": "never",
      35.      "normal": "any",
      36.      "component": "any"
      37.    },
      38.    "svg": "always",
      39.    "math": "always"
      40.  }], //html使用单闭合标签 -打开（配置：在html中never从不开启）
      41.  'space-before-function-paren': [0, 'never'], //函数定义时括号前面要不要有空格：设置为0就是关闭这个规则的检验 1就是如不符合规则就警告 2就是如不符合就报错 --至于保存代码时候 是否会生成空格 这个取决于你设置的代码风格（例如prettier）
      42.  'prefer-const': 0, //首选const -- 关闭（就可以用var let const）
      43.  'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
      44.  'object-curly-spacing': [2, 'always', {
      45.    objectsInObjects: false
      46.  }],
      47.  'array-bracket-spacing': [2, 'never']
      48. }
      49. }