vscode安装eslint插件配置

要在VSCode中安装并配置ESLint插件，请按照以下步骤进行操作：

1. 打开VSCode，点击左侧的扩展图标（四个方块）或按下快捷键`Ctrl+Shift+X`来打开扩展面板。
2. 在搜索栏中输入"ESLint"并按下回车键，找到ESLint插件并点击安装按钮进行安装。
3. 安装完成后，点击"重新加载"按钮来重新加载VSCode。
4. 接下来，你需要在你的项目中安装ESLint。在终端中进入你的项目根目录，并执行以下命令：

   npm install eslint --save-dev

或者如果你使用的是Yarn：

   yarn add eslint --dev

5. 安装完成后，在终端中执行以下命令来初始化ESLint配置文件：

   npx eslint --init

这将引导你完成一个交互式的配置过程。你可以根据自己的需求选择一些配置选项，例如选择ESLint的规则（Airbnb、Standard等），或者手动配置自定义规则。
6. 完成配置后，ESLint将会生成一个`.eslintrc`文件，该文件存放着ESLint的规则配置。
7. 回到VSCode，点击左下角的设置图标（齿轮图标），选择"首选项"->"设置"来打开用户设置。
8. 在用户设置中搜索"eslint.autoFixOnSave"并勾选该选项，这将在保存文件时自动修复ESLint错误。
9. 在用户设置中搜索"eslint.validate"，找到"ESLint: Validate"选项，并在其值中添加以下内容：

   "javascript",
   "javascriptreact",
   "typescript",
   "typescriptreact"

这将使ESLint对JavaScript、JavaScript React、TypeScript和TypeScript React文件进行验证。

现在，你已经成功安装并配置了ESLint插件。在保存文件时，ESLint将会自动运行，并根据配置的规则进行验证和修复。