在 WebStorm 中启用 Angular CLI答案

【问题标题】：Enable Angular CLI in WebStorm在 WebStorm 中启用 Angular CLI
【发布时间】：2017-03-06 10:48:59
【问题描述】：

我有一个现有项目，我想在 WebStorm 中为其启用 Angular CLI。我已经在“纯”Angular CLI 项目中成功使用了 WebStorm 中的 CLI 功能。

我已确保在 WebStorm 中启用了 NodeJS 和 AngularJS 插件。

如果我在项目中运行ng version，我会得到：

@angular/cli: 1.0.0-rc.1
node: 6.10.0
os: darwin x64
@angular/common: 2.4.6
@angular/compiler: 2.4.6
@angular/core: 2.4.6
@angular/forms: 2.4.6
@angular/http: 2.4.6
@angular/platform-browser: 2.4.6
@angular/platform-browser-dynamic: 2.4.6
@angular/router: 3.4.6
@angular/cli: 1.0.0-rc.1
@angular/compiler-cli: 2.4.6
@angular/platform-server: 2.4.6
@angular/tsc-wrapped: 0.3.0

而我的“手动创建”.angular-cli.json 的内容是：

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "name": "blaha-client"
  },
  "apps": [
    {
      "root": "src/client"
    }
  ],
  "defaults": {
    "styleExt": "scss"
  }
}

CLI 在终端提示符下工作，但在“右键单击->新建”下找不到 WebStorm 中的向导功能。从操作菜单中，我可以搜索 Angular CLI，但是当我点击时，什么也没有发生。

有人知道我错过了什么吗？

编辑：我不希望将项目完全转换为 cli 项目，只是为了能够在 WebStorm 中使用类似向导的功能。

编辑：请注意，自 2019 年起，“angular-cli.json”已重命名为“angular.json”

【问题讨论】：

根据this message，angular-cli.json 在项目根目录中就足够了。我刚刚在 PhpStorm 2016.3.2 中对该文件进行了测试，该文件完全 empty 并且有 Angular CLI 选项。 BTW IDE 版本是多少？
我有 WebStorm 2016.3.3。我注意到使用angular-cli-1.0.0-beta24 创建的项目会创建一个angular-cli.json，但我使用angular-cli-1.0.0-rc1 创建的项目会创建一个.angular-cli.json 可能会引发WebStorm。
尝试 2017.1 EAP 构建它应该已经支持新文件名.angular-cli.json（虽然我自己没有检查过）。
谢谢，成功了。
对于 Angular6，这个文件现在是 angular.json。而不是 (right-click) -> new ->Angular cli... 现在是 (right-click) -> new ->Angular Schematic...

标签： angular webstorm angular-cli

【解决方案1】：

根据this message，angular-cli.json 在项目根目录中就足够了。我刚刚在 PhpStorm 2016.3.2 中对此进行了测试，该文件完全为空，File | New... 菜单中有 Angular CLI 选项。

对于.angular-cli.json 支持（相同的文件，但带有前导点 -- 从1.0.0-rc.0 开始） -- 尝试2017.1 EAP build -- 它应该已经支持新文件名。

【讨论】：

【解决方案2】：

请注意，自 2019 年起，“angular-cli.json”已重命名为“angular.json”

【讨论】：