WWW.lllT.neT这篇文章内容给我们介绍一下vscode中调节Angular程序流程。有一定的实用价值,有须要的小伙伴可以参照一下,期待对各位有些协助。

详细说明VSCode调试Angular程序流程的方式

提前准备专用工具

在 VS Code 中组装 Debugger for Chrome 软件。

详细说明VSCode调试Angular程序流程的方式

建议学习培训:《vscode教程》、《angular教程》

配备 lanch.json

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "sourceMaps": true,
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:8080",
      "webRoot": "${workspaceRoot}"
    }
  ]
}

配备进行后,在 Angular 工程项目文件目录键入指令 ng serve 运行新项目,随后就可以打断点调试了。

调节

在 VS Code 中按 F5 进到开发者模式,开启 Chrome 页面刷新,就进到中断点。

大量程序编写有关专业知识,请浏览:编程视频!!

以上便是详细说明VSCode调试Angular程序流程的办法的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:详细说明VSCode调试Angular程序流程的方式发布于2021-12-16 14:00:01