angular - 如何在intellij中运行angular2 cli项目

Question

我正在开发一个由 angular-cli ( latest ) 生成的 Angular2 项目。我想在 Intellij 中运行所有内容，但是我找不到方法。目前我只在 Intellij 中开发，但从控制台运行所有内容('npm start')。但是这很麻烦，因为

1. 当我更改文件时，webpack 并不总是看到更改 - 我认为 Intellij 正在缓存更改或其他内容

2. 我无法在 Intellij 中仅在浏览器的控制台中进行调试

我的问题是:如何设置 Intellij 来执行“npm start”所做的所有事情(自动编译文件和生成映射、监视更改、提供文件)以便一切都由 Intellij 处理并且我可以完整地使用它功能 ?

最好的问候

Answer 1

要在 IDEA 中运行使用 angular-cli 创建的 Angular 应用程序，您必须从 NPM Tool Window 运行 npm start要启动应用程序，请创建 JavaScript Debug为 http://localhost:4200/ 运行配置URL 并点击调试。

参见 https://blog.jetbrains.com/webstorm/2017/01/debugging-angular-apps/ , https://www.youtube.com/watch?v=upgjCMHGpwo获取更多信息。另见 https://blog.jetbrains.com/webstorm/2016/04/angular-2-workflow-in-webstorm/

请注意，由于最近更改了 angular-cli 配置，您在 Windows 上调试时可能会遇到问题:当前 webpack 在 sourcemap 中生成绝对 Windows 路径，这会中断调试 (WEB-27381)。参见 https://youtrack.jetbrains.com/issue/WEB-27381#comment=27-2249117可能的解决方法