eslint配置react 在vscode

在Visual Studio Code (VSCode) 中配置 ESLint 以支持 React 开发通常涉及安装必要的插件、配置 ESLint 配置文件 `.eslintrc.js` 或者`.eslintrc.json`，以及设置工作区规则。以下是简单的步骤：

1. **安装ESLint和React插件**:
- 打开 VSCode，确保已安装 `ESLint` 和 `Prettier` 插件。可以在市场里搜索并安装它们：

     Extends: es lint:recommended-react

- 如果需要检查 JSX 语法，还需要安装 `eslint-plugin-react` 插件。

2. **配置 ESLint**: 在项目根目录下创建 `.eslintrc.js` 或 `.eslintrc.json` 文件。如果你想要的是默认的 React 规则集，可以使用 `"extends": "eslint:recommended"`，然后针对React添加 `eslint-plugin-react` 的规则。例如：

   {
     "extends": ["eslint:recommended", "plugin:react/recommended"],
     "plugins": ["react"],
     // 可能需要自定义其他规则
     "rules": {}
   }

3. **启用 ESLint for JavaScript/TypeScript**:
- 在VSCode中，打开用户设置(`Settings` -> `Preferences: Settings`)，找到 "eslint.validate" 或 "javascript.validate" 字段，添加 ".js", ".jsx", ".ts", ".tsx" 到验证扩展列表。

4. **保存时自动格式化**:
- 安装 `prettier-eslint` 或 `esbenp/prettier-vscode` 并配置它，以便在保存文件时应用格式化规则。

5. **运行 ESLint 检查**:
- 使用VSCode的命令 palette (`Shift + Ctrl + P` 或 `Cmd + Shift + P`），输入 "ESLint: Run Code Actions on Save" 或 "ESLint: Validate" 来运行校验。