搭建vue单⻚⾯应⽤⼯程架构

• 介绍全家桶项⽬成员及其在项⽬中的定位与作⽤

1.项⽬构建⼯具vue-cli 
     vue-cli是⼀个脚⼿架⼯具，为我们搭建了开发所需要的环境和
     ⽣成⽬录架构

2. 路由vue-router
     创建单⻚应⽤，我们的单⻚应⽤只做路由切换，组件拼凑成的
     ⻚⾯映射成路由,路由是我们单⻚应⽤的核⼼插件

3. 状态管理vuex
     状态管理库，可理解为全局数据集中地
     推荐⼩项⽬尽量别⽤vuex，会显得有点繁琐，bus总线机制完全可以处理了

4. http请求⼯具axios（ vue-resource官⽅已停⽌维护）
       ⼀个经过封装的ajax,可以根据⾃⼰的项⽬情况再进⾏封装
       axios是经过了ES6的promise封装的

• 2.vue-cli2.x和vue-cli3.x的搭建

搭建前提条件：
            1. node环境
                node是傻⽠式安装的，直接去官⽹下载安装不断下⼀步
                命令⾏输⼊node -v查询版本号，有版本号即安装成功
                node⾃带npm包管理⼯具（安装好node也可以输⼊npm -v查看版本号）
                npm太慢，下载国内淘宝镜像cnpm(npm install -g cnpm
                --registry=https://registry.npm.taobao.org)
            2. 安装webpack
                运⾏npm install webpack -g
            3. 安装vue-cli 2.x
                npm install vue-cli -g
                创建项⽬：vue init webpack 项⽬名(不要取中⽂名字)
            4. 安装vue-cli 3.x
                npm install @vue/cli -g （npm install -g @vue/cli）都可以用
                创建项⽬：vue create 项⽬名（不要取中⽂名字）
                不添加指定版本号就是下载最新稳定版本