VSCode调试Angular

最新推荐文章于 2025-10-22 09:33:19 发布

原创最新推荐文章于 2025-10-22 09:33:19 发布 · 793 阅读

0 ·

CC 4.0 BY-SA版权

NodeJS 同时被 3 个专栏收录

27 篇文章

订阅专栏

VSCode

4 篇文章

订阅专栏

Angular

4 篇文章

订阅专栏

本文介绍如何在VSCode中配置并使用Debugger for Chrome扩展程序进行本地应用调试。具体步骤包括安装扩展、设置launch.json文件、启动项目和服务，最终实现Chrome应用的本地调试。

在VSCode 中安装“Debugger for Chrome”拓展程序。

用 VSCode 打开项目目录，创建launch.json文件。

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:4200",
            "sourceMaps": true,         //开启调试
            "webRoot": "${workspaceFolder}"
        }
    ]
}

使用 ng serve 命令启动项目，然后点击【开始调试】按钮启动调试。