vscode怎么配置eslint自動(dòng)修復(fù)

小億
292
2023-12-21 07:47:19

要在VS Code中配置ESLint自動(dòng)修復(fù)，你可以按照以下步驟進(jìn)行操作：

  1. 安裝ESLint插件：在VS Code中，打開Extensions視圖，搜索并安裝ESLint插件。

  2. 安裝ESLint和相關(guān)依賴：在你的項(xiàng)目根目錄下，使用以下命令安裝ESLint和相關(guān)的依賴：

    npm install eslint eslint-plugin-react eslint-plugin-react-hooks --save-dev

  3. 創(chuàng)建并配置.eslintrc文件：在你的項(xiàng)目根目錄下，創(chuàng)建一個(gè)名為.eslintrc的文件，并添加以下內(nèi)容：

    {
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended"
  ],
  "plugins": [
    "react",
    "react-hooks"
  ],
  "rules": {
    // 在這里添加你的規(guī)則配置
  }
}

  4. 配置自動(dòng)修復(fù)：在VS Code的設(shè)置中，搜索并打開eslint.autoFixOnSave選項(xiàng)，并勾選它。

    "eslint.autoFixOnSave": true

    這將使得在保存文件時(shí)自動(dòng)運(yùn)行ESLint進(jìn)行代碼修復(fù)。

  5. 重新加載VS Code：重新加載VS Code，以使設(shè)置生效。

現(xiàn)在，當(dāng)你保存文件時(shí)，VS Code會(huì)自動(dòng)運(yùn)行ESLint來(lái)修復(fù)代碼中的問題。

0 踩