位置: IT常识 - 正文

vue的脚手架安装及安装失败问题解决(vue脚手架安装命令)

编辑：rootadmin

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

推荐整理分享vue的脚手架安装及安装失败问题解决(vue脚手架安装命令)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:vue脚手架安装项目特别慢,vue脚手架安装步骤,vue脚手架安装方法和步骤,vue脚手架安装项目特别慢,vue脚手架安装方法和步骤,vue脚手架安装命令,vue脚手架安装后无法使用vue,vue脚手架安装步骤,内容如对您有帮助，希望把文章链接给更多的朋友！

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

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

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

前言

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

一、脚手架的命令安装

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

1.1 命令查看版本信息

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

node -vnpm -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

如果安装失败的话，可能会出现以下报错清除缓存重新安装即可

npm cache clean二、node.js环境安装

首先进入node.js的官方网站，我们此处进入node.js中文网

或者直接进入node官网点击下载即可（一般系统会自动匹配相应的包，若下载后发现下载的包不对应系统则手动点击下载）下载完成后双击开始安装，此处注意，在同意相关协议后最好使用默认安装路径，这样也能够尽可能地避免你后期使用过程中因为路径更改造成的一系列不必要的问题。