轻松安装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
1

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

第二步：安装vue脚手架

npm install -g @vue/cli
1

第三步：安装好了之后就是创建脚手架了
vue_text是项目名，当然，你需要先选择你自己要创建的目录下面

vue create vue_text
1

选择你要写vue代码的版本，一般都写vue2，如果你会vue3更好，那你就可以选择vue3,按一下回车

然后就是在创建了

这样就是创建成功了

然后执行下面的两行命令，也就是上面那幅图的两行蓝颜色的命令

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

这就是成功了！！！！