vue2搭建脚手架（vue-cli）并创建一个项目

1. 什么是单页面程序

    单页面应用程序 (英文名:Single Page Application)  简称 SPA 顾名思义。指的是一个 Web 网站中只有唯一的一个 HTML 页面 所有的功能与交互都在这唯一的一个页面内完成 单页面应用程序将所有的功能局限于一个HTML 页面中,仅在该HTML 页面初始化时加载相应的资源( HTML、 JavaScript 和 CSS)。

2. 什么是vue-cli

vue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化项目的过程。

如此程序员就不需要花费大量时间在 webpack 配置上，专心开发程序

中文网：http://cli.vuejs.org/zh/

注意：在此之前先安装上 node。

地址：https://nodejs.org/zh-cn/download/ 

3. 安装和使用

vue-cli 是 npm 上的一个包，使用 npm install 命令，即可方便的把它安装到自己的电脑上：

先打开提示命令符，输入 npm install -g @vue/cli 安装，安装完后，输入vue -V 查看是否安装成功和版本号

！创建一个项目的语句：

vue create 项目的名称（例如：Text-demo）

4.图片演示

---

01：打开cmd命令提示符，输入 vue create 【输入你的项目名】（vue create 不可更改）

---

02： 此处选择需要那种类型的项目，最后一项是自定义，第一项（也就是you....的哪一项）是预设项，也是就以前配置好的项目类型

---

03： 上下键选择，空格键确定选择

---

04： 默认为vue3版本

05：按需选择动态样式表 

06：推荐选择第一项 

07：定义预设 

08：项目创建中不要随便动鼠标，如果意外暂停，ctrl + c 键继续创建项目 

09：恭喜创建成功！ 

10：项目文件简易介绍 

11：此图为 App.vue 配置文件 

12：此图为main.js 文件，最关键的是 .$mount( '  此处就是组件名 需要使用哪个组件就填写哪个 ' ) 

13：此图为 主页文件 里面定义的 div 最后会被替换 被哪个替换，取决于 .$mount

14：默认情况下就是这样的网页啦，接下来就可以敲自己的vue 网站啦, 加油！！！