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