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

Question

从Visual Studio Code，我可以调试和逐步遍历Main.ts的TypeScript源，前提是JavaScript和映射文件与TypeScript源共存于同一文件夹中。

此安排有效-

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

但是，我不需要TypeScript文件夹中的JavaScript文件，而是想要JavaScript文件夹中的JavaScript。 我知道这可以通过使用outFiles属性通过launch.json配置来实现，以标识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编译器选项 。