关于进行vue-cli过程中的解决错误的问题

好久没发文章了,直到今天终于开始更新了,最近想进军全端,准备学习下vue,但是这东西真的太难了,我用了一天的时间来解决在配置中遇到的问题!

主要问题:cnpm文件夹和vue-cli文件夹的位置不对并且vue-cli文件夹在复制的时候复制不完全

如果觉得我的叙述很乱的可以直接看最后我的操作流程

先说我主要遇到的问题,如果和我问题不相似的话就没必要往下面看了,如果不知道自己的问题出在哪里可以看下我的问题,然后去排查下自己的。我用的是cnpm,没有直接用npm

我的问题是在于进行npm install cnpm -g命令时cnpm没有装在c盘(系统盘)用户的用户名的AppDate的Roaming下的npm文件下,我的npm是空的,反而这东西装在了D盘下,然后就是后续的命令都使得此命令不存在或者还是在D盘下。我这边的话因为试了不下数十遍,所以没有截图,因为我都不知道自己下一次就会成功,但是我会把具体步骤和方法以及报错的内容写出来,跟着我走问题不大!

第一步是去官网下载nodejs。这边的话我安装在了D盘(简单)

第二步在cmd中检查版本号,建议所有在cmd中的操作都在管理员的身份下运行(简单)

node -v
npm -v

第三步进行cnpm的操作,都嫌弃npm太慢了,所以用国内的淘宝镜像来操作(问题所在点)

npm install cnpm -g

问题出现:这个文件应该是在c盘(系统盘)用户的用户名的AppDate的Roaming下的npm文件下,(大部分人的位置都应该在这边:C:\Users\administrator\AppData\Roaming\npm)但这里我这边是空的,最开始我没管,直接进行下一步安装vue-cli,也就是脚手架:

cnpm install vue-cli -g

但这时候提示cnpm不是内部命令啥的,就是不能用,然后我才明白这东西都没在C盘的对应目录下自然用不了,然后在进行npm install cnpm -g的时候明显是成功的,这时候我再cmd的提示中找到cnpm被下载到了我D盘的node的文件夹下,

然后我把node里的内容直接复制到C:\Users\administrator\AppData\Roaming\npm,这时候发现cnpm install vue-cli -g可以运行成功

但是vue-cli也下载到了D盘的node下,这个文件也应该在C:\Users\administrator\AppData\Roaming\npm,但是我呢,也没管,进行下一步

vue list

vue list是看下有没有成功安装,有是一样的错误,vue不是内部命令,我又想参照上面的复制cnpm一样把这个vue-cli也复制过去,然后也全部复制过去了,但是我在检查文件的时候发现vue-cli下面的node_modules里面的许多文件夹是空的并且复制的时候会卡住不动,然后我就放弃了复制vue-cli,但里说我vue-cli也成功了就是位置不对并且复制不了,那后续的创建vue项目也自然会失败,于是我直接在这个d盘的node里创建vue项目,因为所需要的cnpm和vue-cli这里面都有,自然着这个文件夹里面创建的vue项目没问题,于是我去是了一下,

以管理员的的身份进入node这个文件夹的cmd中,依次进行下面的操作,然后就成功了

vue init webpack myvue
cd myvue
npm install
npm run dev

进行完上面的四步应该是如下界面:

这时候就成功了

操作流程:怕我自己叙述的不明白这边的话直接简写一下,配合上面的内容就没问题

  1. cnpm没有出现在C:\Users\administrator\AppData\Roaming\npm下,解决办法是在cmd中看提示自己的这个文件夹在哪边然后复制过去

  1. vue-cli没有出现在C:\Users\administrator\AppData\Roaming\npm下,这边的话复制会失败,不管他

  1. 在cmd中新建vue项目的时候咱们这部分人不能随便新建,只可以在存在cnpm和vue-cli的根目录下建立

  1. 成功

这玩意折磨我一天,真的太难受了,我的nodejs下载的是最新版本18.x.x的,如果和我问题一样,按照我的方法来绝对问题不大,第一个vue程序已经在向你招手了!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值