本篇文章给大家介绍一下vscode中调试angular程序。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
准备工具
在 VS Code 中安装 Debugger for Chrome 插件。
Kuwebs企业网站管理系统3.1.5 UTF8
下载
酷纬企业网站管理系统Kuwebs是酷纬信息开发的为企业网站提供解决方案而开发的营销型网站系统。在线留言模块、常见问题模块、友情链接模块。前台采用DIV+CSS，遵循SEO标准。 1.支持中文、英文两种版本，后台可以在不同的环境下编辑中英文。 3.程序和界面分离，提供通用的PHP标准语法字段供前台调用，可以为不同的页面设置不同的风格。 5.支持google地图生成、自定义标题、自定义关键词、自定义描
配置 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 刷新页面，就进入断点。
更多编程相关知识，请访问：编程视频！！
