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

标签 angular intellij-idea

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

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

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

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

最好的问候

最佳答案

要在 IDEA 中运行使用 angular-cli 创建的 Angular 应用程序,您必须从 NPM Tool Window 运行 npm start要启动应用程序,请创建 JavaScript Debughttp://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可能的解决方法

关于angular - 如何在intellij中运行angular2 cli项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44819992/

相关文章:

angular - 如何在 Angular 2 中对数据进行分组?

angular - 是否可以在组件模板中重用 <ng-content></ng-content> ? Angular 2

google-maps - Angular2 - 组件到动态创建的元素

java - maven插件来创建intellij文件?

android - 在设备 : error 103 上手动安装 apk

android - 发现无法将android studio 2.0更新到2.1

css - 如何将标签移动到输入字段的左侧?

angular - 通过 typescript 打开 Bootstrap 5 模态的问题

java - 如何使用泛型参数扩展非静态类?

intellij-idea - 在 IntelliJ IDEA 中使用 import 语句创建新的实时模板