visual-studio-code - Visual Studio Code中同一项目的两种设置

Question

我们有一个项目，该项目在Web和TV之间具有共享的代码库。它基于ReactJS构建。那不是重点。

我们的组件名称相同，但构建目标不同。

是否可以通过某种方式为每个平台提供文件列表？

假设您具有以下结构:

src/
    web/
        Component.js
    tv/
        Component.js

我想要一个 settings-web.json，它将忽略 tv文件夹，所以当我按⌘+ P时，我只会看到:

src/
    web/
        Component.js

还有一个 setting-tv.json也会相反。肯定会改善开发经验。

Answer 1

是的，您应该能够这样做，在每个根目录中都可以放置一个jsconfig.json。这将告诉vscode这是一个与整个工作区不同的项目，因此它看起来像这样:

src/
    web/
        Component.js
        jsconfig.json
    tv/
        Component.js
        jsconfig.json

接下来，您将需要修改每个文件，以包括您希望属于该项目的文件。例如:

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs"
    },
    "files": [
        "./Component.js"
    ]
}

您还可以使用 include和 exclude(如果设置了 exclude，则 files会被省略)。

资料来源: https://code.visualstudio.com/docs/languages/jsconfig