vscode管理eslint

在VSCode中管理ESLint可以通过以下步骤实现：

1. 安装ESLint扩展：在VSCode的扩展面板中搜索并安装ESLint扩展。

2. 在项目中安装ESLint：在你的项目根目录下，打开终端（Terminal）并运行以下命令来安装ESLint：

npm install eslint --save-dev

或者使用yarn安装：

yarn add eslint --dev

3. 初始化ESLint配置文件：运行以下命令来初始化一个ESLint配置文件（.eslintrc）：

npx eslint --init

这将引导你完成一些配置选项，比如选择你喜欢的规则风格（如Airbnb、Standard等）以及使用哪种格式的配置文件（JSON、YAML等）。完成后，会生成一个.eslintrc文件。

4. 配置VSCode的用户设置：打开VSCode的设置（Preferences -> Settings），搜索并打开ESLint的用户设置。在右侧的设置中，找到ESLint: Auto Fix On Save选项并勾选上。

5. 配置项目的.vscode/settings.json（可选）：如果你想为当前项目使用特定的ESLint配置，可以在项目的.vscode目录下创建一个settings.json文件，并添加以下内容：

{
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],
  "eslint.options": {
    "configFile": ".eslintrc"
  }
}

这将使VSCode在保存文件时使用项目的特定ESLint配置进行验证和修复。

完成以上步骤后，VSCode将会自动应用ESLint规则并在保存文件时自动修复一些常见问题。你可以在编辑器中看到ESLint的错误和警告，并且可以通过点击灯泡图标来应用修复建议。