在 IntelliJ IDEA 或 WebStorm 中修復(fù) ESLint: 修復(fù)'prettier/prettier' 警告，可以按照以下步驟操作：

方法 1：使用 IDE 的快速修復(fù)功能

1. 將光標(biāo)定位到報(bào)錯(cuò)行，IDEA 會(huì)在代碼左側(cè)顯示黃色燈泡 ?? 或紅色波浪線。
2. 按下 Alt + Enter (Windows/Linux) 或 Option + Enter (Mac)。
3. 選擇 ESLint: Fix 'prettier/prettier'（如果有直接修復(fù)選項(xiàng)）。
4. 或者選擇 Run ESLint --fix 自動(dòng)修復(fù)格式問(wèn)題。

方法 2：配置保存時(shí)自動(dòng)修復(fù)

1. 打開(kāi)設(shè)置：File > Settings (Windows/Linux) 或 Preferences (Mac)。
2. 導(dǎo)航到：Languages & Frameworks > JavaScript > Code Quality Tools > ESLint。
3. 勾選：
   • Run eslint --fix on save（保存時(shí)自動(dòng)修復(fù)）。
   • 確保 Automatic ESLint configuration 已啟用。
4. 點(diǎn)擊 Apply 并保存。

方法 3：手動(dòng)運(yùn)行 ESLint 修復(fù)

1. 打開(kāi) IDEA 的 終端（Terminal）。
2. 運(yùn)行命令：

   npx eslint --fix src/# 修復(fù) src 目錄下的文件

   或修復(fù)當(dāng)前文件：

   npx eslint --fix your-file.js

方法 4：檢查 ESLint 和 Prettier 配置

1. 確保項(xiàng)目根目錄有正確的配置文件：
   • .eslintrc.js / .eslintrc.json
   • .prettierrc / .prettierrc.json
2. 示例配置（確保 Prettier 規(guī)則一致）：

   // .eslintrc.js
   module.exports = {
   	extends: ["plugin:prettier/recommended"],
   	rules: {
   		"prettier/prettier": ["error", {
   			singleQuote: true,
   			trailingComma: "es5"
   		}]
   	}
   };

   // .prettierrc
   {
   	"singleQuote": true,
   	"trailingComma": "es5"
   }

方法 5：驗(yàn)證插件和依賴

1. 確保已安裝必要的 npm 包：

   npm install --save-dev eslint-plugin-prettier eslint-config-prettier

2. 如果問(wèn)題仍然存在，嘗試升級(jí)依賴：

   npm update eslint prettier eslint-plugin-prettier eslint-config-prettier

方法 6：臨時(shí)忽略規(guī)則（不推薦）

如果只是臨時(shí)繞過(guò)檢查，可以添加注釋：

// eslint-disable-next-line prettier/prettier
const example = { badly: 'formatted', code: 'here' };

常見(jiàn)問(wèn)題排查

• IDEA 未識(shí)別 ESLint：檢查 File > Settings > ESLint 是否啟用了 Enable。
• 規(guī)則沖突：如果同時(shí)使用了 eslint-config-standard 等配置，可能需要調(diào)整規(guī)則優(yōu)先級(jí)。
• 文件未納入檢測(cè)：檢查 .eslintignore 是否排除了當(dāng)前文件。

如果仍無(wú)法解決，可以檢查 IDEA 的 Event Log 或 ESLint 控制臺(tái)輸出（在底部工具欄的 ESLint 標(biāo)簽）查看詳細(xì)錯(cuò)誤。

到此這篇關(guān)于IntelliJ IDEA 修復(fù) ‘prettier/prettier‘ ESLint 錯(cuò)誤的 6 種方法的文章就介紹到這了,更多相關(guān)idea 修復(fù)‘prettier/prettier‘ ESLint 錯(cuò)誤內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論