如何使用Angular2中的AngularCLI调试应用程序？

有人知道是否可以在WebStorm中使用angular cli和命令行

ng serve

调试应用程序吗？。我尝试了此url中发布的解决方案：

---

但这对我来说不起作用，我决定做一个新的回答，因为angular cli没有一些工具来做这件事有点奇怪。

下面是我使用Angular2（2.3）项目构建的Angular2（1.0.0-beta.21）的运行配置

一些需要检查的事项：

启动调试器并加载应用程序后，断点中是否显示复选标记

如果不是，则似乎由于某种原因未加载源映射。检查映射是否正确：打开

http://localhost:4200/main.bundle.map

在浏览器中，查看

“源”中的URL是什么样子的：

。如果你看到smth喜欢

”webpack:////User/devuser/Develop/MyWebApp/src/app/index.ts“

然后根的URL映射将是

webpack:////User/devuser/Develop/MyWebApp

如果看到使用了相对路径，请相应地更改URL映射

如果您最终可以看到复选标记，请尝试刷新浏览器页面（重要！！！）-是否命中任何断点

---

如果您成功加载了sourcemaps（您可以看到复选标记，浏览器刷新时至少会遇到一些断点）-您完成了：）您的WebStorm配置现在正确了

我终于让它工作了！我在这里记录它，以供我自己和其他人在未来提供帮助

注：使用角度v6进行测试

步骤：

安装JetBrains IDE支架铬延长件

转到选项并按如下方式设置端口63342（非4200）：

现在在webstorm IDE中，转到运行>编辑配置

单击+按钮选择Javascript调试并添加设置，如下图所示，然后单击应用按钮。

转到设置>生成、执行和部署>调试器，并按如下方式进行设置：

运行调试器（运行>调试）

像在cmd/terminal中一样运行ng serve

磨合铬

现在您可以在webstorm IDE中设置断点并进行调试。

---

你所说的调试是什么意思？你能看一看chrome插件的

augury

chrome插件，让我知道它是否适合你的需要吗？