一.前端工程化 

既然要实现前端工程化，那就要使用一些现成的工具来帮助我们实现，这个工具就是vue官方提供的脚手架

首先就要下载安装vue脚手架

二.什么是vue脚手架

三.安装NodeJS

1.先安装NodeJS才能安装vue脚手架。

Node.js — 在任何地方运行 JavaScript (nodejs.org) 官网进去

直接点解下载Node.js即可

然后直接安装即可，选择安装到一个，没有中文，没有空格的目录下（新建一个文件夹NodeJS）

2.NodeJS 安装完毕后，会自动配置好环境变量，我们验证一下是否安装成功，通过： node -v

出现版本号即安装成功

四.配置npm的全局安装路径

使用管理员身份运行命令行，在命令行中，执行如下指令.

npm config set prefix "E:\develop\NodeJS"

注意：E:\develop\NodeJS 这个目录是自己的NodeJS的安装目录

五. 切换npm的淘宝镜像

使用管理员身份运行命令行，在命令行中，执行如下指令：

npm config set registry https://registry.npmmirror.com

六.使用管理员身份运行命令行，在命令行中，执行如下指令：

npm install -g @vue/cli 

这个过程中，会联网下载，可能会耗时几分钟，耐心等待。

七.验证vue脚手架是否安装成功

执行指令vue --version，出现版本号，则证明安装成功