Webstrom创建Angular CLI工程

使用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就是来干这个的)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值