vue脚手架搭建项目出现问题,vue脚手架安装步骤

　　我们通常使用scaffolding vuecli来创建项目。这时候就需要安装脚手架了。以下文章主要介绍vue脚手架的安装以及安装失败问题的解决方法。有需要的朋友可以参考一下。

前言

　　在很多小伙伴学习使用vue的过程中，vue的脚手架安装几乎是不可避免的；但是因为电脑配置，网络等问题。有些小伙伴会安装脚手架失败。

　　那么我们就以遇到问题就解决问题，没有问题就创造问题的态度来解决这一期的问题。如果发现文章中有些内容比较基础，请酌情跳过。刚开始学的时候，总有很多小白宝不太懂。我就这样来到这里。我希望这会是友好的，你应该振作起来。在前方的路上，我们不再孤单。

一、脚手架的命令安装

　　这里默认宝贝们已经完成了node.js的初步安装，如果还没有安装Node.js的宝贝们，请跳到最后按照教程安装，然后返回安装脚手架。

1.1 命令查看版本信息

　　安装节点、npm等之后。我们可以通过检查命令行来了解我们的安装的相关版本号。这个过程没有问题，我们继续安装脚手架。

　　节点v

　　npm -v

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

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

　　传统安装命令（不建议）

　　安装Vue2脚手架

　　npm安装-g vue-cli

　　卸载Vue2脚手架

　　npm卸载vue-cli -g

　　输入命令开始安装npm软件包。因为npm服务器在国外，这里可能会因为网络出现第一个问题，就是网络因素无法安装，出现错误或者长时间没有响应。所以传统的安装方式介于响应速度之间，不推荐。

　　反正我在这里装了好几个小时，就是不行。宝藏自己选。

　　切换镜像源（建议使用）

　　查看当前使用的镜像源。

　　npm配置获取注册表

　　切换镜像源

　　切换到淘宝来源：npmconfig设置注册表=http://registry.npm.taobao.org/

　　切换到华为来源：npmconfig set registry=https://mirrors.huaweicloud.com/repository/npm/

　　切换到国家预防机制来源：国家预防机制配置设置注册表=http://registry.npmjs.org

　　临时使用：https://registry.npm.taobao.org NPM注册安装快速

　　这里我们默认使用淘宝货源。

　　//看看安装是否成功。

　　cnpm -v

　　用cnpm安装vue脚手架

　　//安装Vue2脚手架

　　cnpm安装-g vue-cli

　　j检查脚手架的安装情况。

　　查看版本

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

　　注意：

　　如果提示是“无法识别”，可能是npm的版本太低。只需更新npm包，然后继续上一步，由npm安装脚手架。

　　//更新版本即可

　　npm安装-g npm

　　如果安装失败，可能会出现以下错误

　　清除缓存并重新安装。

　　npm缓存清理

二、node.js环境安装

　　先进入node.js的官网，这里我们就进入node.js的中文网站。

　　或者直接进入节点官网点击下载(一般情况下系统会自动匹配相应的包；如果下载后下载的包与系统不对应，点击手动下载)。

　　下载完成后，双击开始安装。这里注意，最好使用默认安装路径在你同意相关协议后。这样也可以尽可能的避免你在后期使用中因为路径改变而带来的一系列不必要的问题。

　　安装完成后，回到文章顶部，按照步骤安装脚手架。

　　听我的建议，node让他安装在默认路径，不然以后你很可能会找各种理由报错。

附：vue安装vue脚手架（vue-cli)错误总结

　　避免重新安装vue-cli scaffold，并报告以下错误

　　按照提示删除相应文件夹后，让我删除新文件。我突然猜到这是我第二次安装，可能需要删除所有的vue文件，所以我删除了所有的vue文件。果然安装成功了。

总结

　　在一些列出的环境中安装后，我们将进入项目创建的下一阶段，开始您的vue项目。然而，在这里，我想给你一个长谈。如果之前没有正式学习过Node.js和JavaScript，建议简单了解一下，对以后学习vue有帮助。

　　关于vue脚手架的安装以及安装失败的解决方法的这篇文章就到此为止。关于vue脚手架安装的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。