自动格式化&校验代码（eslint+prettier）

一、VScode编辑器安装2个插件

插件名是： ESLint + Prettier ESLint

二、在项目根目录下新建.eslintrc 和 .prettierrc 和 .eslintignore文件

注意：项目中也需要npm安装eslint插件等。

.eslintrc文件：

注意：不同项目的eslint配置不同，需跟项目关联！如下是：taro3-react项目配置规则

{
  "extends": ["taro/react"],
  "rules": {
    "react/jsx-uses-react": "off",
    "react/react-in-jsx-scope": "off",
    "import/no-commonjs": "off"
  }
}

.prettierrc文件：

{
  "tabWidth": 2,
  "singleQuote": true,
  "semi": false,
  "trailingComma": "es5",
  "arrowParens": "always",
  "endOfLine": "auto",
  "printWidth": 100
}

.eslintignore文件：设置eslint忽略的文件目录等。

lib/

三、在项目根目录中新建.vscode/settings.json配置文件，配置如下：

{
    "workbench.iconTheme": "vscode-icons",
    "eslint.alwaysShowStatus": true,
    "eslint.format.enable": true,
    "eslint.run": "onSave",
    "eslint.lintTask.enable": true,
    "vetur.useWorkspaceDependencies": true,
    "vsicons.dontShowNewVersionMessage": true,
    //   "workbench.colorTheme": "Monokai",
    "eslint.codeAction.showDocumentation": {
      "enable": false
    },
    "eslint.execArgv": null,
    "editor.defaultFormatter": "rvest.vs-code-prettier-eslint",
    // prettier-eslint 添加
    "editor.formatOnPaste": false, // required
    "editor.formatOnType": false, // required
    "editor.formatOnSave": true, // optional
    "editor.formatOnSaveMode": "file", // required to format on save
    "files.autoSave": "onFocusChange",
    "typescript.updateImportsOnFileMove.enabled": "always",
    "security.workspace.trust.untrustedFiles": "open",
    "eslint.codeActionsOnSave.rules": null,
    "explorer.confirmDelete": false,
    "prettier.printWidth": 125, // optional but recommended
    "editor.codeActionsOnSave": { // 【重要】设置编辑器保存时，自动格式化所有代码
      "source.fixAll": true
    }
  }