当 JavaScript 源位于不同文件夹中时，如何在 Visual Studio Code 中调试 Node TypeScript

Question

如果 JavaScript 和地图文件与 TypeScript 源文件共存于 same 文件夹中，我可以通过 Visual Studio Code 调试和逐步调试 Main.ts 的 TypeScript 源代码。

这种安排有效 -

debugDemo\
     .vscode
              launch.json        
     TypeScript\
               Main.ts
               Main.js
               Main.js.map

但是，我不希望 TypeScript 文件夹中的 JavaScript 文件，而是希望 JavaScript 文件夹。我知道这可以通过使用 launch.json 配置来实现 outFiles 属性来确定 JavaScript 的位置。

对我来说，这种安排行不通-

debugDemo\
     .vscode
              launch.json        
     TypeScript\
               Main.ts
    JavaScript\        
               Main.js
               Main.js.map

错误总是- “无法启动程序 'c:\debugDemo\TypeScript\Main.ts'；设置 'outFiles' 属性可能会有所帮助”

出了什么问题，如何配置 Visual Studio Code 以在 JavaScript 文件夹中查找 JavaScript 文件？我为 outFiles 尝试了各种 glob 模式，但没有帮助解决问题。

Main.ts 减少到一行代码，降低问题复杂度

  console.log("debug"); 

通过

构建的地图文件

tsc --sourcemap TypeScript/Main.ts

生成 - TypeScript\Main.js , TypeScript\Main.js.map

launch.json

   {
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Debug Test",
            "program": "${workspaceRoot}/TypeScript/Main.ts",
            "cwd": "${workspaceRoot}",
            "outFiles": ["${workspaceRoot}/JavaScript/**/*.js"],
            "sourceMaps": true
        }
    ]
}

• TypeScript 版本：2.1.4
• 节点版本：6.9.4
• Visual Studio 代码版本：1.14.2

Answer 1

您的命令tsc --sourcemap TypeScript/Main.ts 不会将文件输出到JavaScript 文件夹中。您必须指定outDir 并指定JavaScript 文件夹：

tsc --sourcemap --outDir "JavaScript"  TypeScript/Main.ts

见TypeScript compiler options。