vue的脚手架安装及安装失败问题解决

您所在的位置：网站首页 › vuecli安装过程报错 › vue的脚手架安装及安装失败问题解决

vue的脚手架安装及安装失败问题解决

2023-09-29 14:29| 来源: 网络整理| 查看: 265

vue的脚手架安装及安装失败问题解决

提示：本文是较为详细的vue脚手架安装教程及其问题解决，若需要快速使用的宝们请按照文章目录快速查找并使用相关代码

提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录 vue的脚手架安装及安装失败问题解决前言一、脚手架的命令安装1.1 命令查看版本信息1.2 通过键入命令安装脚手架二、node.js环境安装总结

前言

在不少小伙伴学习使用vue的过程中，vue 的脚手架安装几乎是无可避免的；但是因为电脑配置、网络等等的问题会造成部分小伙伴的脚手架安装失败。那我们本着遇到问题解决问题，没有问题创造问题的态度进行本期的问题解决。若发现文中有部分内容比较基础请酌情跳过，在刚开始学习的路上，总是有很多小白宝们不太懂，我也是这样过来的，希望这样能够友好一点，你们也要加油哦，前端路上，我们不再孤单

一、脚手架的命令安装

此处默认宝们已经完成node.js前期安装工作，若还未安装node.js的宝们请先直接跳到最后按照教程进行安装，然后再返回安装脚手架

1.1 命令查看版本信息

在通过安装node、npm等之后，我们通过命令行查看可以知道我们所安装的相关版本号，该过程没有问题我们继续进行脚手架的安装

node -v npm -v //命令可在powershell、cmd、IDE终端窗口中运行(使用时请选择复制)

在这里插入图片描述

1.2 通过键入命令安装脚手架

传统安装命令（不建议）

安装Vue2脚手架 npm install -g vue-cli 卸载Vue2脚手架 npm uninstall vue-cli -g

输入命令回车后便开始npm包的安装，因为npm服务器在国外，所以此处因为网络可能会出现第一个问题，即网络因素无法安装报错或长时间无反应，所以传统安装方式介于响应速度，不太建议。

反正这里我是装了好几个小时都没好，宝们自己选择哟

切换镜像源（建议使用）

查看当前使用的镜像源 npm config get registry 切换镜像源切换至淘宝源：npm config set registry=http://registry.npm.taobao.org/ 切换至华为源：npm config set registry=https://mirrors.huaweicloud.com/repository/npm/ 切换至npm源：npm config set registry=http://registry.npmjs.org 临时使用：npm --registry https://registry.npm.taobao.org install express

此处我们默认使用淘宝源

//查看是否安装成功 cnpm -v

用cnpm安装vue脚手架

//安装Vue2脚手架 cnpm install -g vue-cli

j检查脚手架安装情况

vue -V //记住这里的-V是大写字母V

注意：如果提示“无法识别”，有可能是npm的版本过低，更新npm包就可以了，然后继续上一步骤 npm安装脚手架就行

//更新一下版本就好了 npm install -g npm

如果安装失败的话，可能会出现以下报错在这里插入图片描述清除缓存重新安装即可