如何在IntelliJ中运行角度应用程序

Question

我正在遵循IntelliJ中的步骤以支持Angular。

https://www.jetbrains.com/help/idea/2017.1/using-angular.html#install_angular_cli

我已成功创建项目但不知道如何运行它。我想我必须在Edit Configuration选项中提到一些配置。

在IntelliJ中运行Angular2应用程序的方法是什么？

Answer 1

要在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/

Answer 2

要在IntelliJ中运行Angular2应用程序，请执行以下步骤：

1. 首先你应该参加angular-cli项目
2. 运行npm install（它将添加所有依赖项）
3. 等待索引完成（否则您的更改不会反映）
4. 运行npm serve（它将在http://localhost:4200上启动服务器）

Answer 3

正式地，只有IntelliJ的Ultimate版本才启用对Web应用程序的支持。社区版本不支持（See here）。

如果您拥有Ultimate版本，请按照IntelliJ website中的说明进行操作：

  

  

1. 选择文件|新增|在主菜单上的项目或单击新建项目   “欢迎”屏幕上的按钮。

  

2. 在“项目类别和选项”对话框中，它是   在“新建项目”向导中，在左侧窗格中选择“静态Web”。

  

3. 在右侧窗格中，选择AngularCLI，然后单击“下一步”。

  

4. 在向导的第二页上，指定项目名称和   文件夹中进行创建。在“节点解释器”字段中，指定   要使用的Node.js解释器。从中选择配置的解释器   下拉列表或选择添加以在Angular CLI中配置一个新的   字段，指定@ angular / cli包的路径。 （可选）在   在其他参数字段中，为   传递给Angular CLI。此字段中提供代码完成：as   您开始输入选项的名称或按Ctrl + Space，IntelliJ   IDEA会向您显示可用的选项及其说明。

  

     

当您单击“完成”时，IntelliJ IDEA会生成特定于Angular的   项目以及所有必需的配置文件。