Vue脚手架指的是vue-cli，它是一个快速构建**单页面应用程序（SPA）**环境配置的工具，cli是（command-line-interface ）命令行界面。

补充：单页面应用程序

单页面应用程序简称SPA，指一个Web网站中只有唯一的一个HTML页面，所有的功能与交互都在这唯一的一个页面内完成。

特点：

Windows+R，输入cmd打开管理员命令提示符。

（1）安装vue

（2）安装Webpack

补充：

Webpack：是一个开源的前端打包工具。Webpack提供了前端开发缺乏的模块化开发方式，将各种静态资源视为模块，并从它生成优化过的代码。（使用前必须安装Node.js）。

Webpack的主要目标是将JavaScript文件打包在一起，打包后的文件用于在浏览器中使用。

（3）安装Vue脚手架

目前vue-cli已经升级到了3.0版本，3.0所需的webpack版本是4.xxx，2.0版本目前也很流行,2.0所需的webpack版本是3.xxx。

补充：

关于vue-cli2.x和vue-cli3.x创建项目的区别：

（1）vue-cli2.x创建项目：

（2）vue-cli3.x创建项目：

（1）创建目录：

（2）创建项目：

（3）若是需要安装模块，使用：

（4）启动项目：

初始访问项目，显示如下界面即表示创建成功：

通过main.js将App.vue渲染到index.html的指定区域中。

App.vue用来编写带渲染的模板结构

index.html中需要预留一个el区域

main.js 把App.vue 渲染到了index.html 所预留的区域中

每个组件都会拥有的三个结构：模板、行为、样式 删掉一些没有的内容，留下的干净模板：