我正在遵循IntelliJ中的步骤来支持Angular。
https://www.jetbrains.com/help/idea/2017.1/using-angular.html#install_angular_cli
我已经成功创建了项目，但不知道如何运行它。我想我必须提到Edit Configuration选项中的一些配置。
在IntelliJ中运行Angular2应用程序的方法是什么？
我正在遵循IntelliJ中的步骤来支持Angular。
https://www.jetbrains.com/help/idea/2017.1/using-angular.html#install_angular_cli
我已经成功创建了项目，但不知道如何运行它。我想我必须提到Edit Configuration选项中的一些配置。
在IntelliJ中运行Angular2应用程序的方法是什么？
4条答案
按热度按时间sulc1iza1#
要在IDEA中运行使用angular-cli创建的Angular应用程序，您必须从NPM Tool Window运行
npm start以启动应用程序，为http://localhost:4200/URL创建JavaScript Debug运行配置并点击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/
nzkunb0c2#
官方只有IntelliJ的终极版本支持启用的Web应用程序。社区版本不支持（See here）。
如果您有Ultimate版本，请按照IntelliJ website上的说明进行操作：
1.选择文件|新的|项目或单击欢迎屏幕上的新建项目按钮。
1.在“项目类别和选项”对话框（“新建项目”向导的第一页）中，选择左侧窗格中的“静态Web”。
1.在右侧窗格中，选择AngularCLI并单击Next。
1.在向导的第二页上，指定项目名称和要在其中创建项目的文件夹。在Node Interpreter字段中，指定要使用的Node.js解释器。从下拉列表中选择一个已配置的解释器，或选择添加以配置一个新的解释器。在Angular CLI字段中，指定@angular/cli包的路径。可选地，在Additional parameters字段中，指定要传递给Angular CLI的额外ng新选项。代码完成在此字段中可用：当你开始键入一个选项的名称或按Ctrl+Space时，IntelliJ IDEA会显示可用的选项及其描述。
当您单击Finish时，IntelliJ IDEA会生成一个Angular特定的项目，其中包含所有必需的配置文件。
cmssoen23#
要在IntelliJ中运行Angular2应用程序，请执行以下步骤：
1.首先你应该在angular-cli项目中
1.运行npm install（它将添加所有依赖项）
1.等待索引完成（否则您的更改将无法反映）
1.运行npm serve（它将在http://localhost:4200上启动服务器）
zvokhttg4#
没有官方支持，除非你有终极版。但是，如果您只是想通过单击Run来启动您的angular项目，那么您可以通过添加一个shell配置来实现
只需转到“运行”->“编辑配置”->单击左侧的添加配置（“+”）按钮->选择“Shell脚本”->选择“脚本文本”->在脚本文本字段中输入“ng serve”。
然后只需选择此配置并单击播放按钮，它应该打开嵌入式终端并启动应用程序。