手把手教你安装vue脚手架

第一步 先安装Node.js

Node.js官网

https://nodejs.org/zh-cn/download/

windows点击这个即可

下载好之后,就可以开始安装了


最好选择Add to PATH 这样就可以帮我们配置好环境变量了

然后一路Next 到最后finish就ok了

第二步 安装vue脚手架

通过win+R键 输入cmd 进入命令行

为了能更快的下载脚手架首先我们需要输入下方命令安装淘宝镜像

npm config set registry=http://registry.npm.taobao.org

然后输入下方命令开始安装

npm install -g @vue/cli

像下图这样 安装完毕之后 重新打开命令行

输入vue 就可以看到 安装成功了

第三步 创建脚手架

1. 首先切到你要创建项目的目录

例如我想在桌面创建项目 我就从文件管理器 切换到桌面的工作路径 然后点击输入cmd 就可以成功在命令行切换到 桌面的工作路径

2. 然后创建脚手架文件

下方的命令用来创建脚手架文件

vue create vue_test01

3. 通过键盘上下键来选择vue版本

通过回车确定

选择之后 就开始创建项目了 （不安装淘宝镜像的话，这个过程比较耗时间）