如何在Intellij中运行Angular2 CLI项目

Question

我正在开发由Angular-CLI(最新(生成的Angular2项目。我想在Intellij中运行所有内容，但是我找不到一种方法。目前，我仅在Intellij中开发，但从控制台('npm Start'(运行所有内容。但是这很麻烦，因为

1. 当我更改文件时，WebPack并不总是会看到更改 - 我认为Intellij正在缓存更改或某些内容

2. 我只能在Intellij中在浏览器的控制台中进行调试

我的问题是：如何设置Intellij来完成'npm start'所做的一切(自动编译文件并生成地图，观察更改，服务文件(，以便Intellij处理所有内容，我可以使用它已满功能？

最好的问候

Answer 1

要运行In Indue In In Ineagular-cli创建的角度应用程序，您必须从NPM工具窗口运行npm start才能启动应用程序，创建http：//localhost：4200/url和hit debug 。

请参阅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(。有关可能的解决方法

• 要与Intellij进行调试，您可以将Intellij Idea插件用于Chrome：" https：//chrome.google.com/webstore/detail/jetbrains-jetbrains-iide-support/hmhgeddbohggjknpmjknpmjknpmjknpmjknpmjknpmjagkdomcpobmllji">

• 要运行NPM，您可以使用运行|编辑配置| |NPM

• 请注意，在HTTPS模式下IJ JS调试无法正常工作。

Intellij主要用于Java开发，而WebStorm主要用于Web开发，尤其是Angular-cli。

。

由于您正在使用JetBrains.com工具创建一个角度应用程序，因此您应该使用专门针对Angular开发的JetBrains.com工具，即Jetbrains Webstorm，而不是Jetbrains Intellij。