使用 Visual Studio Code 调试和运行 Angular2 Typescript?
我正在尝试使用 VS 代码调试 Angular2 typescript 应用程序https://angular.io/guide/quickstart
谁能分享一下从 VS code 调试和运行的步骤吗?
经过大量研究,我发现了这些步骤-
在开始之前,请确保您拥有最新版本的 VS Code。您可以验证最新版本 - 帮助 > 检查更新或关于。
安装名为“Chrome 调试器”的扩展。安装完成后,重新启动 VS code。
转到“调试”窗口,使用 Chrome 打开 launch.json。
-
在 Launch.json 配置部分中,使用以下配置
{
"name": "Launch localhost with sourcemaps",
"type": "chrome",
"request": "launch",
"url": "http://localhost:3000/Welcome",
"sourceMaps": true,
"webRoot": "${workspaceRoot}"
}
在 tsconfig.json 中,确保有 "sourceMap": true
这样就完成了您的调试环境设置。
现在,在开始调试之前,请确保所有现有的 Chrome.exe 实例均已关闭。从任务管理器验证或使用 DOS 命令“killall chrome”
使用 npm start 命令和 Chrome 作为默认浏览器运行您的项目。
应用程序成功运行后,您将收到端口号。从 Chrome 浏览器复制 URL 并粘贴到上面的 url 部分。
(注意:如果您在应用程序中使用路由,则 url 会像上面那样,否则将以 index.html 等结尾)
现在,在打字稿文件中的任意位置放置断点。
再次转到 VS Code 中的调试窗口,然后单击“运行”。
连接到调试器的选项卡/实例如下所示。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)