在WebStorm中启用Angular CLI

在WebStorm中启用Angular CLI,angular,webstorm,angular-cli,Angular,Webstorm,Angular Cli,我有一个现有的项目,我想在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 @angu

我有一个现有的项目,我想在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”

,因此在项目根目录中有
angular cli.json
就足够了。我刚刚在PhpStorm 2016.3.2中对此进行了测试,该文件完全为空,并且
file | New…
菜单中提供了Angular CLI选项

对于
.angular cli.json
支持(相同的文件,但带有前导点--as--try--try--它应该已经支持新的文件名了。

因此,在项目根目录中有
angular cli.json
就足够了。我刚刚在PhpStorm 2016.3.2中对此进行了测试,该文件完全为空,并且
file | New…
菜单中提供了Angular CLI选项


对于
.angular cli.json
支持(同一个文件,但带有前导点--as--try--它应该已经支持新的文件名了。

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

注意,自2019年起,“angular cli.json”已被重命名为“angular.json”

,因此在项目根目录中有
angular cli.json就足够了。我刚刚在PhpStorm 2016.3.2中测试了这一点,该文件完全为空,并且有Angular CLI选项。顺便说一句,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 build它应该已经支持新的文件名
。angular-cli.json
(但我自己没有检查)。谢谢,这样做了。对于Angular6,此文件现在是angular.json。而不是
(右键单击)->new->angular cli…
现在是
(右键单击)->new->Angular Schematic…
相应地,在项目根目录中有
Angular cli.json
就足够了。我刚刚在PhpStorm 2016.3.2中测试了这一点,该文件完全为空,并且有Angular cli选项。顺便问一下,IDE版本是什么?我有WebStorm 2016.3.3。我注意到使用
Angular-cli-1.0创建的项目.0-beta24
创建了一个
angular cli.json
,但是我用
angular-cli-1.0.0-rc1
创建的文件创建了一个
。angular cli.json
可能会引发WebStorm of。试试2017.1 EAP build它应该已经支持新的文件名
。angular cli.json
(不过我自己没有检查过)。谢谢,成功了。对于Angular6,此文件现在是angular.json。而不是
(右键单击)->new->angular cli…
现在是
(右键单击)->new->angular Schematic…