背景

随着业务开发团队逐渐庞大，需要建立通用的eslint规则，规则的适配需要配置到IDE级别，这里记录下vscode里面怎么配置

npm install -g eslint

1. 新建 .eslintrc.cjs 因为目前前端大都是 Vue, React 这样ESM的代码风格

Setting 配置 可以自动保存

  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.fixAll.tslint": true
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue",
    "typescript",
    "typescriptreact",
  ]

eslint 规则

module.exports = {
    parserOptions: {
        'sourceType': 'module',
        'ecmaVersion': 2020,
        'ecmaFeatures': {
            'jsx': true
        }
    },
    env: {
        browser: true,
        node: true
    },
    rules: {...},
    extends: [
        'eslint:recommended',
        'plugin:react/recommended'
    ]
}

脚本配置

在pacakge.json中

"script": {
    "lint": "eslint --ext .js --ext .jsx src",
    "lint:fix": "npm run lint -- --fix"
}