详解VSCode调试Angular程序的方法


当前第2页 返回上一页

推荐学习:《vscode教程》、《angular教程》

配置 lanch.json

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

{

  // 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程序的方法的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

vsCode中无法切换输入法

linux打开vsCode有乱码

vsCode终端乱码如何解决

vsCode打印中文报错

vsCode如何使用eslint

vsCode如何自动生成函数注释与文件头部注释

vsCode如何预置代码

vs和vsCode的区别是什么?

vsCode怎么切换到bash

如何删除一键安装的vsCode

更多相关阅读请进入《vsCode》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...