搭建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 項⽬名（不要取中⽂名字）
                不添加指定版本號就是下載最新穩定版本