Question

我有一个现有的项目，我想在 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中使用类似向导的功能。

Answer 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 - 它应该支持新的文件名。

Answer 2

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

在WebStorm中启用Angular CLI

2 个答案: