如何在 VS Code 中的 .ts 文件下显示 .js 文件？

Question

我在使用 Reactjs 和 TypeScript 的应用程序中使用 VS Code。我用过

create-react-app-typescript

作为设置我的项目的模板。现在，当我 运行 从 VS Code 执行构建任务时，我可以看到一个构建文件夹和生成的 js 文件以及生成的源文件。

我想知道我是否可以在 VS Code 中的 .ts 版本下看到生成的 .js 文件 - 就像您可以在 Visual Studio 中看到它们一样？

Answer 1

我是 VSCode Typescript 用户。我从未在 VSCode 中看到该功能可用。我通常做的一件事是将其 javascript 文件隐藏在侧边栏上。

{
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true,
        "**/*.js": {"when": "$(basename).ts"}
    }
}

Answer 2

我的应用程序文件夹中有一个 tsconfig 文件，其中

"outDir": "build/dist" 

导致生成的文件进入 build/dist 文件夹。为 tsconfig.json 文件删除此文件会将生成的文件与原始 .ts 文件一起放置在 VS Code 中。