02. 从零开始，新建一个啥都有的React项目（Eslint）

1. 安装 Eslint 和 Eslint 的 typescript 插件

yarn add -D eslint typescript @typescript-eslint/parser @typescript-eslint/eslint-plugin

2. 安装airbnb规则插件及扩展（目前使用人数最多的规则就是airbnb）

yarn add -D eslint-config-airbnb-typescript
yarn add -D eslint-plugin-import \
            eslint-plugin-jsx-a11y \
            eslint-plugin-react \
            eslint-plugin-react-hooks

3. 新建.eslintrc.js文件，自定义配置

module.exports = {
  root: true,
  env: {
    browser: true,
    es2021: true,
  },
  extends: ['airbnb-typescript'],
  parserOptions: {
    project: './tsconfig.json',
  },
  rules: {
    // 在这里添加的规则权重是最高的，如在airbnb的规则里未使用的变量会报错，这里改成了警告
    "@typescript-eslint/no-unused-vars": ["warn"]
  },
};

4. 新建.eslintignore文件，忽略不想被检查的文件

# don't ever lint node_modules
node_modules
# don't lint build output (make sure it's set to your correct build folder name)
dist
# don't lint eslint config
.eslintrc.js