VSCode eslint 沒有使用 vue3 的本地配置

Question

我只是使用npm init vue@latest搭建一個新的 Vue 項目，我在 VSCode 上安裝了 eslint 擴展，並且開箱即用它突出顯示了來自樣板代碼的許多錯誤（即使在 .eslintrc.cjs 中）。

• 終端錯誤
• .eslintrc.cjs
• package.json

Answer 1

create-vue不會構建 Prettier 配置，因此使用默認的 Prettier 選項。 我同意在腳手架代碼中發現 linter 警告令人驚訝，並且我已經報告了這個問題。

解決方法

大多數 linter 警告都與引號和分號有關。

您可以復制create-vue的 Prettier 配置（即 create <projectRoot>/.prettierrc ）以與代碼庫保持一致：

{
  "semi": false,
  "tabWidth": 2,
  "singleQuote": true,
  "printWidth": 100,
  "trailingComma": "none"
}

然后，要么重新啟動 IDE，要么重新啟動它的 ESLint 服務器以獲取新的配置：

1. 在 VS Code 中打開命令面板，在 macOS 上按⌘ + P ，在 Windows 上按⊞ Win + P。
2. 輸入>后跟ESLint: Restart ESLint Server 。

通過從終端運行此命令可以輕松修復其他錯誤：

npm run lint