前端项目安装 eslint 方法

Question

安装

yarn add eslint --dev

设置配置文件

yarn run eslint --init

? How would you like to use ESLint? ... 
  To check syntax only
  To check syntax and find problems
> To check syntax, find problems, and enforce code style

? What type of modules does your project use? ... 
> JavaScript modules (import/export)
  CommonJS (require/exports)
  None of these

? Which framework does your project use? ... 
  React
> Vue.js
  None of these

? Does your project use TypeScript? » No / Yes

? Where does your code run? ...  (Press <space> to select, <a> to toggle all, <i> to invert selection)
√ Browser
  Node

? How would you like to define a style for your project? ... 
> Use a popular style guide
  Answer questions about your style
  Inspect your JavaScript file(s)

? Which style guide do you want to follow? ... 
  Airbnb: https://github.com/airbnb/javascript
> Standard: https://github.com/standard/standard
  Google: https://github.com/google/eslint-config-google
  XO: https://github.com/xojs/eslint-config-xo

? What format do you want your config file to be in? ... 
> JavaScript
  YAML
  JSON

接下来会安装依赖包，安装如果失败的话，重新安装一次

最终生成的配置文件 .eslintrc.js

module.exports = {
  'env': {
    'browser': true,
    'es2021': true,
  },
  'extends': [
    'plugin:vue/essential',
    'standard',
  ],
  'parserOptions': {
    'ecmaVersion': 6, // 这里不知道为啥生成 13 了，我们手动改成 6 
    'sourceType': 'module',
  },
  'plugins': [
    'vue',
  ],
  'rules': {},
}

最终安装的开发依赖包

"devDependencies": {
  "eslint": "^7.32.0",
  "eslint-config-standard": "^16.0.3",
  "eslint-plugin-import": "^2.25.4",
  "eslint-plugin-node": "^11.1.0",
  "eslint-plugin-promise": "^5.2.0",
  "eslint-plugin-vue": "^8.2.0"
}