重头梳理一遍vue2.x

---

首先创建vue2.x版本的项目（后续基于该项目增加功能）

该示例项目名为：v2-advanced-usage

全局安装vue-cli官方脚手架

  npm install -g @vue/cli
  // yarn global add @vue/cli (如果使用的是yarn包管理工具使用改指令安装)

检查是否安装成功w以及cli版本号

   vue --version
   // 输出：@vue/cli 5.0.8 （代表安装成功，版本号是5.0.8）

使用vue-cli安装vue2.x项目

   vue create demo
   // demo为项目名称，可以改为自己想要的项目名称

进入创建项目选项，如下图，选择（[Vue 2] babel, eslint）即可

项目创建完成

6. 使用vscode编辑器或者别的代码编辑器打开项目即可（项目目录如下）

文件名	说明
public/index.html
src	源码资源
src/assets	常用来放css、图片、iconfont图标等资源
src/components	SFC（Vue项目的单文件组件目录）
App.vue	项目的根页面
main.js	整个Vue项目的入口文件
.gitignore	配置git忽略文件，配置后的文件不被git所监控
babel.config.js	babel代码转换，解析JSX、ES6等语法
jsconfig.json	用于定义JavaScript的编译和解析
package-lock.json	项目依赖–锁文件
package.json	项目依赖以及脚本文件
README.md	项目说明、描述文件（markdown）
vue.config.js	可选的配置文件

vue2之混入（mixin）