WebStorm Angular项目 src new 没有angularcli...选项

WebStorm中Angular新建component

说一下自己在angular遇到的坑,如果遇到的问题和我一样可以减少点时间排坑

新建项目

webstorm中新建的angular项目
WebStorm Angular项目 src new 没有angularcli...选项
生成的文件目录是这样的WebStorm Angular项目 src new 没有angularcli...选项
WebStorm Angular项目 src new 没有angularcli...选项
之前看网上的教程说是可以直接新建,像这样:
WebStorm Angular项目 src new 没有angularcli...选项
可是我的电脑不知道出啥问题一直没有,试了好多次也没有:
WebStorm Angular项目 src new 没有angularcli...选项

干脆就直接用命令创建:ng g component test(test是要创建的component的名字)
结果报错了,对于入门新手来说比较崩溃。
WebStorm Angular项目 src new 没有angularcli...选项
原因是这个路径不对,如上图生成的路径,untitled文件下,里面还有个untitled,得去到项目的那一级目录下才可以新建成功
WebStorm Angular项目 src new 没有angularcli...选项
之后还会遇到很多关于这个路径的小问题,还不如直接用命令生成项目,然后再去WebStorm打开,找到要存放项目的路径下,输入ng new hello(hello要生成项目的名称)时间稍微有点长,耐心等待就可以了。
WebStorm Angular项目 src new 没有angularcli...选项
生成的结构是这样的,就没有之前那个二级目录了WebStorm Angular项目 src new 没有angularcli...选项
之后就可以在Terminal中跟着网上教程走了,新建引入库什么的
第一次新建项目,遇到了点小坑,如果你也遇到和我一样的问题,就可以参考一下。