用vue先後端分離項目開發記錄

一：軟件安裝

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 配置插件

 

 

正式寫數據