VSCode怎么调试Angular程序

发布时间:2021-04-21 11:39:20 作者:小新
来源:亿速云 阅读:216

这篇文章主要介绍VSCode怎么调试Angular程序,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

vscode有什么用

Visual Studio Code 是一个运行于 OS X,Windows和 Linux 之上的,针对于编写现代 web 和云应用的跨平台编辑器,它为开发者们提供了对多种编程语言的内置支持,并且正如 Microsoft 在Build 大会的 keynote 中所指出的,这款编辑器也会为这些语言都提供了丰富的代码补全和导航功能。

准备工具

在 VS Code 中安装 Debugger for Chrome 插件。

配置 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程序”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. VSCode调试python程序的示例
  2. vscode远程调试Node程序的示例

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

vscode angular

上一篇:原生js怎么设置css

下一篇:笔记本电脑的光标失灵乱动的解决方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》