当前位置: 首页 > news >正文

关于进行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程序已经在向你招手了!

http://www.lryc.cn/news/1866.html

相关文章:

  • Rockchip Linux USB Gadget
  • Linux -文件系统操作与帮助命令
  • UMI 创建react目录介绍及配置
  • 基于matlab使用机器学习和深度学习进行雷达目标分类
  • Protocol Buffers V3语法全解
  • MediaPipe之人体关键点检测>>>BlazePose论文精度
  • CSS从入门到精通专栏简介
  • day01常用DOS命令
  • Java设计模式-生成器模式(建造模式)
  • ansible的常用模块介绍
  • 你不会还不知道如何监测用户的网络是否在线吧?
  • ASM Quorum FailGroup RAC on Extended Distance Clusters
  • VHDL语言基础-时序逻辑电路-触发器
  • 也许你应该学学 postman了
  • VHDL语言基础-状态机设计-ASM图法状态机设计
  • Python文件的属性获取,重命名,目录的创建,显示和改变
  • 好用的iPhone 数据恢复软件精选
  • Linux搭建redis集群6.x版本【超简单】
  • 双重检查锁是如何避免缓存雪崩的,代码例子说明
  • 【成为架构师课程系列】架构设计中的核心思维方法
  • Apollo/Nacos配置动态刷新原理及优劣
  • docker的基本管理
  • 2023年房地产投资-租金和IRR研究报告
  • 2023-2-10刷题情况
  • Python学习-----无序序列2.0(集合的创建、添加、删除以及运算)
  • 2023最详细的接口测试用例设计教程
  • 【数据库】 数据库的理论基础详解
  • Linux环境运行Maven 生成的hadoop jar包
  • ThreadPoolExecutor原理解析
  • 谷粒学苑第二章前端框架-2.2前端框架开发过程