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

本文分享在WebStorm中使用Angular创建组件的实战经验,包括解决路径问题及使用命令行创建项目的技巧,适合Angular初学者参考。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

WebStorm中Angular新建component

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

新建项目

webstorm中新建的angular项目
在这里插入图片描述
生成的文件目录是这样的在这里插入图片描述
在这里插入图片描述
之前看网上的教程说是可以直接新建,像这样:
在这里插入图片描述
可是我的电脑不知道出啥问题一直没有,试了好多次也没有:
在这里插入图片描述

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值