在 WebStorm 中启用 Angular CLI

Question

我有一个现有项目，我想在 WebStorm 中为其启用 Angular CLI。我已在 'pure' 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

而我的'manually created'.angular-cli.json的内容是：

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

CLI 在终端提示符下运行，但在 'right-click->new' 下找不到 WebStorm 中的向导功能。从操作菜单中，我可以搜索 Angular CLI，但是当我点击时没有任何反应。

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

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

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

Answer 1

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

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

Answer 2

请注意，自 2019 年起，'angular-cli.json' 已更名为 'angular.json'

在 WebStorm 中启用 Angular CLI

Enable Angular CLI in WebStorm

webstorm

angular-cli

angular