Webstrom创建Angular CLI工程

本文记录了使用Webstrom搭建Angular项目的全过程,包括解决安装过程中遇到的问题,如npm错误处理及AngularCLI全局安装步骤。

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

使用Webstrom搭建Angular的过程中,按照网上教程,莫名踩坑。。。最后发现竟然走了远路。。。

刚开始安装,用了淘宝镜像、用npm装了typescript,然后装Angular cli时出现了错误。。无法卸载也去除不了错误。。

没办法只能祭出大招,卸载了nodejs,并删除了如下路径中的2个npm文件。

C:\Users\Administrator\AppData\Roaming\

(如果没有npm报错的,在确认没有安装过angular cli的情况下跳过)

可以使用指令查看npm是否有Error,以及angular cli是否已经安装

npm list -g --depth 0

尴尬反正我很尴尬的重新装了nodejs后,版本如下:


重点来了,直接按照官网https://angular.io/guide/quickstart,全局安装angular cli

npm install -g @angular/cli

安装完成后,使用npm查看已安装的全局包

npm list -g --depth 0

能成功装上,基本就没有问题了。使用webstrom创建项目吧


package.json文件右键-Show npm Scripts


点击Start


浏览器验证

http://localhost:4200/ 

微笑微笑果然,依赖什么的,已经在node_modules文件夹里了。。。(cli就是来干这个的)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值