轻松安装vue脚手架的一个详细讲解

在讲安装vue脚手架的时候,给大家讲解一下安装过程中会出现的两个问题,这两个问题是安装vue脚手架流程中的一个阻碍

1、首先你得先在环境配置中配置一下node.js,如果你不配置会出现以下错误
在这里插入图片描述

现在我们来配置一下node.js
在这里插入图片描述
在这里插入图片描述

环境1:每个人路径不一样,但是你要找到某个文件夹里面有etc这个文件就ok,
在这里插入图片描述
环境2:这个就是你node.js安装的根目录就行,就是一级目录
在这里插入图片描述
然后就不会报错了

2、接下来我们再控制台输入vue,有的人会报错,这里也有报错的解决方法
在这里插入图片描述
解决方法:
在控制台输入npm config list
找到prefix这个路径,然后把这个路径配置到环境变量上去
在这里插入图片描述
配置到系统环境变量里面去就行
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
然后关掉命令窗口,再打开就可以了!!!

接下来我们就正式安装vue脚手架

第一步:执行命令:

npm config set registry https://registry. npm.taobao.org

这一步可以省略也可以不省略,这一步的作用是配置npm淘宝镜像,目的是提高安装vue脚手架的速度,为了保证不出问题,还是执行一下

第二步:安装vue脚手架

npm install -g @vue/cli

第三步:安装好了之后就是创建脚手架了
vue_text是项目名,当然,你需要先选择你自己要创建的目录下面
在这里插入图片描述

vue create vue_text

选择你要写vue代码的版本,一般都写vue2,如果你会vue3更好,那你就可以选择vue3,按一下回车
在这里插入图片描述
然后就是在创建了
在这里插入图片描述
这样就是创建成功了
在这里插入图片描述
然后执行下面的两行命令,也就是上面那幅图的两行蓝颜色的命令

cd vue_text    跳转到项目目录
npm run serve   执行项目

在这里插入图片描述
在这里插入图片描述
这就是成功了!!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值