ant design pro初学所遇到的问题

1.安装node.js,官网下载对应版本傻瓜安装
2.安装git,淘宝镜像https://npm.taobao.org/mirrors/git-for-windows/五秒钟完成
3.npm install
这是遇到问题最多的,简直层出不穷。
01.安装完之后可以去cmd中看一下node和npm的版本,直接输入node -v以及npm -v即可。
02.选择在除c盘外新建文件夹ant design pro,我是在e盘新建的,所以后面命令都是在e盘做的。
cmd中输入:
e:
cd\ant design pro
cd ant-design-pro
npm install

03.家里网速很慢等了大概一下午出现很多代码,warn居多。
第一次失败。网上查到说可能是npm版本太高,建议降低版本,输入npm i npm@4 -g,直接降到4了。
04.继续尝试安装后发现依旧报错,开始尝试其他办法:先清除npm中的缓存文件,npm cache clean --force,接着去e盘对应文件夹里找到node_modules文件夹进行删除,重新开始。
05.由于网速限制开始尝试使用淘宝镜像,
npm --registry=https://registry.npm.taobao.org install cnpm -g,哇完毕后可查看cnpm -v进行查看,接着输入
e:
cd\ant design pro
cd ant-design-pro
npm install

进入e盘重新操作,输入cnpm install等了大概3.4个小时,家里网速实在不敢恭维,出现以下界面
在这里插入图片描述
我就默认成功安装了。
06.继续输入cnpm run dev出现在这里插入图片描述
跳转到http://localhost:8000/但是一直转圈,在这里插入图片描述
哟西!!!!!!!!!界面出来了,重启cmd输入npm start
在这里插入图片描述
等待一会界面即可跳出在这里插入图片描述
以此纪念一下,虽然我知道还有bug不过还是值得开心的!!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值