一:軟件安裝
1.1 檢測node 是否安裝

1.2 安裝淘寶鏡像 cnpm
1.3 安裝vue-cli

1.4 檢查是否安裝vue-cli腳手架成功

1.5安裝webpack 模塊管理工具

二:創建Vue項目
2.1 創建一個基於webpack項目

2.2 進入項目文件

2.3以生產環境啟動項目

2.4打開瀏覽器

三:安裝插件
3.1 安裝ajax插件axios (vue-resource在2.0以后就不在更新了)

3.2 安裝狀態管理工具vuex (組件間數據傳輸)

3.3 安裝框架Element Ui

3.4 安裝less插件

3.5安裝animate插件

四:配置插件
4.1 配置axios插件

4.2 配置vuex


4.3 配置Element Ui

4.5 配置使用animate插件

五:開始首頁(頭部尾部)
5.1:home主頁



5.2 頭部


5.3 尾部


六:模擬數據
6.1 裝插件 mockjs,一個模仿接口的小東西

6.2 配置插件



正式寫數據




