如何在Visual Studio代码中调试打字稿文件

MonkeyBonkey:

使用Visual Studio代码的0.3版,我不确定如何启用Sourcemap和调试ts文件

我收到以下错误 can't launch program '/Projects/app-server/server.ts'; enabling source maps might help

如何启用Sourcemap和TypeScript调试。在我的Sourcemap中设置为true

tsconfig.json

{
    "compilerOptions": {
        "target": "ES5",
        "module": "commonjs",
        "sourceMap": true
    }
}

launch.json

{
    "version": "0.1.0",
    // List of configurations. Add new configurations or edit existing ones.  
    // ONLY "node" and "mono" are supported, change "type" to switch.
    "configurations": [
        {
            // Name of configuration; appears in the launch configuration drop down menu.
            "name": "Launch server.ts",
            // Type of configuration. Possible values: "node", "mono".
            "type": "node",
            // Workspace relative or absolute path to the program.
            "program": "server.ts",
            // Automatically stop program after launch.
            "stopOnEntry": true,
            // Command line arguments passed to the program.
            "args": [],
            // Workspace relative or absolute path to the working directory of the program being debugged. Default is the current workspace.
            "cwd": ".",
            // Workspace relative or absolute path to the runtime executable to be used. Default is the runtime executable on the PATH.
            "runtimeExecutable": null,
            // Environment variables passed to the program.
            "env": { }
        }, 
        {
            "name": "Attach",
            "type": "node",
            // TCP/IP address. Default is "localhost".
            "address": "localhost",
            // Port to attach to.
            "port": 5858
        }
    ]
}
马努:

此配置对我来说很好:

项目分布

|-- .vscode
    |----- launch.json
|-- bin
    |----- app.js
    |----- app.js.map
|-- src
    |----- app.ts
|-- node_modules
    |-- [..]
|-- tsconfig.json
|-- [...]

这个想法是编译打字稿在src文件夹,并将其放置在bin文件夹

tsconfig.json

主动sourceMap选项很重要

{
    "compilerOptions": {
        "emitDecoratorMetadata": true,
        "module": "commonjs",
        "target": "ES5",
        "outDir": "bin",
        "rootDir": "src",
        "sourceMap": true
    }
}

launch.json

====编辑====

这是我当前在Visual Studio Code v1上使用的配置:

{
    "version": "0.2.0",
    "configurations": [
        {
            "args": [],
            "cwd": "${workspaceRoot}",
            "env": {
                "NODE_ENV": "development"
            },
            "externalConsole": false,
            "name": "DEBUG",
            "outDir": "${workspaceRoot}/bin",
            "preLaunchTask": "compile",
            "program": "${workspaceRoot}/src/app.ts",
            "request": "launch",
            "runtimeArgs": [
                "--nolazy"
            ],
            "runtimeExecutable": null,
            "sourceMaps": true,
            "stopOnEntry": false,
            "type": "node"
        },
        {
            "name": "Attach",
            "type": "node",
            "request": "attach",
            "port": 5858
        }
    ]
}

请注意,preLaunchTask如果您将任何任务运行程序用作gulp,该键将非常有用,因为IDE可以按名称检测其任务。

跑步

  1. 编译ts(在终端中键入rm -r bin/ ; tsc或执行您的编译任务)
  2. 在可视代码播放中Launch type(我们的配置名称)
  3. 请享用!

调试

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Visual Studio Code上调试Ruby代码?

Visual Studio打字稿文件的个人设置

Visual Studio代码:编译打字稿模块

打字稿:生成的javascript文件在Visual Studio中不可见

如何在当前Visual Studio主机内部的Visual Studio扩展中调试用Roslyn编译的代码?

设置Visual Studio代码以在构建和调试时转换打字稿

如何在VS 2017中调试打字稿代码?

Visual Studio不要将打字稿编译为js文件

如何在.tsx打字稿中包含.css文件?

如何在HTML中显示打字稿代码

如何在Visual Studio 2017中调试.NET 4.6框架源代码?

如何在Visual Studio代码中显示被忽略的文件?

如何在Visual Studio代码调试器上指定$ HOME文件夹

如何在vscode中调试打字稿和反应文件(.tsx)

反应本机流,打字稿和Visual Studio代码

在“ Visual Studio代码”中调试单个JavaScript文件

电子+反应+打字稿+ Visual Studio代码?调试?我可以在Visual Studio中调试电子反应应用程序吗?

Visual Studio代码打字稿无法在保存时编译

Webpack Visual Studio 2017 .NET Core 2.2捆绑的Chrome中的调试打字稿

如何在动态代码中处理打字稿中的按钮

如何在打字稿文件中调试Webpack项目而不是在VSCode中输出在webpack-dev-server上运行的捆绑文件

Visual Studio Code无法识别内置的打字稿定义文件

在Visual Studio代码中调试Ionic 2-如何在源文件中命中断点?

如何在Visual Studio中管理需要不同版本的打字稿的解决方案?

如何在Visual Studio Code 1.9.1版中升级打字稿

Visual Studio 2017 webform 中的打字稿不构建 js 文件

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

如何在 Visual Studio 代码中合并文件(区分)

如何在visual studio中调试python

TOP 榜单

热门标签

归档