本文详细介绍了如何在Visual Studio Code（VSCode）中配置Debugger for Chrome插件，进行前端应用的Debug调试。首先，确保Chrome位于默认位置并安装插件。接着，通过全局安装@angular/cli创建或打开项目，配置launch.json文件，设置Chrome调试配置。最后，在代码中设置断点，通过ng serve启动项目并在VSCode的debug界面启动Chrome进行调试，记得用F5刷新以进入断点。
确保你的Chrome安装在默认位置
确保你的VS Code里面安装了Debugger for Chrome这个插件
把@angular/cli安装到全局空间npm install -g @angular/cli，国内用户请使用cnpm进行安装。注意，你最好升级到最新版本的@angular/cli，避免版本兼容问题。
用@angular/cli创建新项目ng new my-app ，本来就已经用@angular/cli创建的项目请忽略这一步，继续往下走，因为只要是cli创建的项目，后面的步骤都是有效的。
用VS Code打开项目，进入项目根目录
6万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
扫一扫
