两个项目工作区的 VSCode Eslint 配置

Question

我有一个包含两个项目的文件夹，一个 Nodejs 后端和一个 Vuejs 前端。我想同时打开两个项目，并且能够使用 eslint 来检查和格式化两个项目中的代码。

我遇到的问题是，每当获得适用于 vue 项目的配置时，后端中的 js 文件都不会经过验证。

我的主要问题是是否有可能做到这一点。我已经学习了无数关于让 eslint+prettier+airbnb 以及所有相关插件工作的教程。否则，是否最好打开两个 VSCode 实例，一个用于后端，另一个用于前端，每个实例都有自己的配置。

谢谢！！！

Answer 1

对我来说，当您将应用程序放在根目录的子文件夹中时，这是 VS Code ESLint 扩展的问题。为了解决这个问题，我在根目录中创建了一个 .vscode 文件夹，其中包含文件 settings.json 和以下内容

{
  "eslint.workingDirectories": ["./app", "./another-app"]
}

仅当您使用 VS Code“工作区”（其中您从空工作区开始并向工作区添加目录）时，这才有效，因此它本身不是目录。

如果您已使用许多项目子文件夹加载父文件夹Code ~/parent-folder，然后这些文件夹内有两个文件夹，则需要.vscode/settings.json在父文件夹中创建，然后将文件夹路径添加到开始，所以

{
  "eslint.workingDirectories": ["./subfolder/app", "./subfolder/another-app"]
}

Answer 2

是的，你可以让它工作。您需要更新工作区设置。