我正在开发一个由angular-cli（最新）生成的Angular2项目。我想在Intellij中运行所有内容但是我找不到办法来做到这一点。目前我只在Intellij中开发，但是从控制台运行所有内容（＆＃39; npm start＆＃39;）。这很麻烦，因为
当我更改文件时，webpack并不总能看到更改 - 我认为Intellij正在缓存这些更改
我无法仅在浏览器的控制台中调试Intellij
我的问题是：如何设置Intellij来做所有＆＃39; npm start＆＃39; （自动编译文件并生成地图，注意更改，提供文件）以便Intellij处理所有内容，我可以使用它的全部功能吗？
祝你好运
答案 0 :(得分：4)
要在IDEA中运行使用angular-cli创建的Angular应用程序，您必须从NPM Tool Window运行npm start以启动应用程序，为JavaScript Debug URL创建http://localhost:4200/运行配置然后点击调试。
有关详细信息，请参阅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在源映射中生成绝对Windows路径，导致调试失败（WEB-27381）。有关可能的解决方法，请参阅https://youtrack.jetbrains.com/issue/WEB-27381#comment=27-2249117
答案 1 :(得分：1)
IntelliJ主要用于Java开发，而WebStorm主要用于Web开发，尤其是有或没有Angular-CLI的Angular。
由于要使用JetBrains.com工具创建Angular应用程序，因此应使用专门针对Angular开发的JetBrains.com工具，它是JetBrains WebStorm，而不是JetBrains IntelliJ。
答案 2 :(得分：0)
要使用Intellij进行调试，您可以为Chrome使用intellij idea插件：“https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji”
运行npm你可以使用Run |编辑配置| + | NPM