Vue CLI脚手架配置

1.下载node.js

下载 | Node.js 中文网 (nodejs.cn)

安装过程中如果C盘空间够用请使用默认安装位置 

按提示安装完成，关闭。

此处下载即可，不用配置环境变量 

2.检查node是否安装成功

打开命令窗口，输入

node -v
npm -v

出现版本号即为成功。

3.vue脚手架的安装

打开命令窗口，输入

npm install -g @vue/cli

过程可能会慢，进度条长时间不动可以按回车

安装过程中会有很多警告提示，不需要管。（我们还没有代码操作，警报的不是我们的代码）

4.检查是否安装成功

重启命令窗口

vue -V

显示版本号即为成功。

5.创建一个项目

定位到创建文件要放置的位置

vue create 文件项目名称

选择vue2 或者vue3 ，我这里选择的是vue3

启动项目

npm run serve

Local：网址，将网址复制在浏览器打开

出现该页面即为成功

6.关闭项目

Ctrl + c，有显示后再次Ctrl + c

7.一些问题：

在安装过程中尽量关闭所有需要网的运行程序，可能会出现因网络原因报错。

此安装教程没有使用淘宝镜像，安装淘宝镜像后vue的版本始终会在2.9。

vue CLI 官网网址：Home | Vue CLI (vuejs.org)