IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 安装vuecli时出现错误解决 -> 正文阅读

[JavaScript知识库]安装vuecli时出现错误解决

安装vuecli时出现错误解决

如果你是安装vuecli时遇到了问题,那你肯定安装vuecli之前首先得下载安装好nodejs并且配置好环境,怎样安装配置nodejs就不说了,网上教程很多。

这两天遇到问题看了很多博客,vuecli安装失败有很多,我也只能说几个我看到的能解决的。

问题一 可能是nodejs没安装好导致npm无法正常使用

解决方法:
打开控制台,输入以下命令:
1.输入下面两条命令,如果出现了版本号说明nodejs安装成功。


C:\Users\Myq>node -v
v16.6.0

C:\Users\Myq>npm -v
7.20.3

2.安装成功还不一定行,还得检查一下你的模块安装路径和缓存路径有没有配置好(nodejs安装教程肯定建议大家修改模块安装路径node_global和缓存路径node_cache到nodejs安装目录下了)。打开控制台输入下面的命令,如果和你配置的一样那就没问题了,如果发现不是那就再按照别人的教程重新配置好环境变量等,附上别人的nodejs教程吧。 https://blog.csdn.net/qq_40593308/article/details/110559838
如果还是帮不到你,那我


C:\Users\Myq>npm config get prefix
D:\nodejs\node_global

C:\Users\Myq>npm config get cache
D:\nodejs\node_cache

你想知道自己nodejs是否配置成功的话可以打开cmd,输入命令npm install express -g,然后打开你的node_global文件夹和node_cache文件,发现上面多了相应的内容就说明你安装成功了。这时候就可以去尝试打开cmd使用npm install -g @vue/cli,当然速度很慢的话你可以先提前更改npm的镜像成淘宝镜像,即输入下面命令

C:\Users\Myq>npm config set registry https://registry.npm.taobao.org

然后使用npm config get registry看是否更改成功

C:\Users\Myq>npm config get registry
https://registry.npm.taobao.org/

这就是问题一,其实就是和你说问题可能是nodejs没下载好或者环境变量没有配置好。

问题二 可能是缓存问题

如果上面都没问题那就有可能是缓存问题了,可以尝试一下一些命令
我优先推荐这个命令 npm install -g @vue/cli --force,它是强行用最新版本覆盖你之前的旧版本。
如果你想用另外的方法解决也可以,可以试试在cmd用npm cache --force清理缓存,而我当时的方法
是直接跑去nodejs目录的node_global和node_cache文件将里面的东西全部删掉,让他们变成空文件夹,当然前提是你第一次下载nodejs,里面并没有你之前下载的其他模块依赖包
在这里插入图片描述

清理了缓存之后再运行 npm install -g @vue/cli就行了

问题三 可能是镜像问题

我就是遇到这个问题,很奇怪的,我的node和npm都没有问题,使用命令npm install -g vue安装vue也没有问题,于是我尝试把vscode删了重装(虽然我觉得问题可能没有出现在vscode这里),然后安装好vscode之后我试了一下npm install -g vue-cli发现安装依赖包成功了!!但是这个方法安装的是旧的版本2.x,然后我使用vue create vue_test来创建脚手架时它提醒我下载新的版本至少要cli3以上吧,于是我就使用npm uninstall -g vue-cli删除旧版本,当然你也可以在nodejs目录的node_global/node_modules下找到vue-cli文件删掉然后按照上面清除一下缓存。
在这里插入图片描述

弄完后再使用npm install -g @vue/cli尝试下载新版本,或许就可以了。但是神奇的是,当时我还是下载失败了!npm可以下载旧版本的vuecli和其他一些依赖包,却下载不了新版本的vuecli??于是我就找到了另外一个方法,那就是用cnpm下载vuecli。方法如下:
先安装cnpm

C:\WINDOWS\system32>npm install -g cnpm --registry=https: //registry.npm.taobao.org

然后输入cnpm -v查看是否下载成功,出现了下面一些版本就说明下载成功了


C:\WINDOWS\system32>cnpm -v
cnpm@7.0.0 (D:\nodejs\node_global\node_modules\cnpm\lib\parse_argv.js)
npm@6.14.14 (D:\nodejs\node_global\node_modules\cnpm\node_modules\npm\lib\npm.js)
node@16.6.0 (D:\nodejs\node.exe)
npminstall@5.0.1 (D:\nodejs\node_global\node_modules\cnpm\node_modules\npminstall\lib\index.js)
prefix=D:\nodejs\node_global
win32 x64 10.0.19042
registry=https://registry.nlark.com

使用命令cnpm --version可以看到淘宝镜像是否删除,若显示cnpm不是内部命令,就说明需要重新安装,就需要再次输入npm install -g cnpm --registry=https: //registry.npm.taobao.org

安装好cnpm之后再输入cnpm install -g @vue/cli下载vuecli,并且在下载好后可以输入
vue --version 检查当前的版本号,像下图就没问题了
在这里插入图片描述
这个时候手脚架安装完毕,可以新建项目啦!用cmd进入到创建的项目所在的文件夹输入vue create vuename就可以建立项目啦!!

还有一个重点!!!我下载依赖包都是在管理员身份下使用cmd的哦!!!!!

附上我参考的几个大佬的链接:
https://blog.csdn.net/weixin_41562661/article/details/82774260
https://www.cnblogs.com/ChineseLiao/p/13253989.html
https://blog.csdn.net/zhang19903848257/article/details/104162662

如果还是帮不到你,那你加油!!找多几篇别人的博客或者在csdn上找一下!!相信它一定能够解决的!!别放弃,加油!!!

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-08-04 11:06:48  更:2021-08-04 11:08:26 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/22 0:28:09-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码