在WebStorm中启用Angular CLI

Question

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

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

如果我在项目中运行ng version ， 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”

Answer 1

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

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

Answer 2

请注意，截至2019年，``angular-cli.json''已重命名为``angular.json''