扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要介绍了vscode怎样调试代码,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
目前创新互联已为成百上千的企业提供了网站建设、域名、虚拟主机、网站托管维护、企业网站设计、屏山网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
首先安装扩展调试插件debugger for chrome
点击瓢虫按钮,进行调试项目的配置,点击配置按钮
选择Chrome环境
会弹出Chrome调试配置文件launch.json,修改下端口即可
若是没有lauch.json配置文件产生,也可以通过以下方式进行配置文件的打开。选择添加配置
再选择Chrome:Launch,修改下端口即可
打开项目,通过ctrl+`【注意该`为Tab键上的`】输入ng serve启动项目
切换到瓢虫界面,比如我们在app.component.ts里头设置了一个断点
启动调试按钮,会自动弹出浏览器页面
刷新页面之后,会发现,程序运行到,断点位置
我们可以进行变量的查看,异常捕获,调用堆栈等调试。
感谢你能够认真阅读完这篇文章,希望小编分享vscode怎样调试代码内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流