智慧商城項目：

1.創建項目選項：

2.調整：

主要是增加兩個文件夾，刪除倒是沒什么

3.組件庫（vant-ui）：

點擊進入官網:Vant 2 - Mobile UI Components built on Vue

4.導入：

全部導入：

按需導入：?

在 babel.config.js 中導入配置后要重啟項目，否則項目不會將配置文件掃進去

拆分：

將導入代碼封裝成一個文件，進行拆分

5.適配處理（postcss）：

以前都是快速上手，但是這里使用進階用法，但是也是在vant官網中

6.配置路由：

7.登錄頁設置：

8.模塊設置（驗證碼的設置）：

攔截器代碼 以及 使用說明 在 axios 官網上都有

在進行導入的時候，需要在返回的地方添加一個? .data? ?這樣才可以更方便拿到數據。（其實不加也可以，大不了多? . 幾下）

9.api封裝接口

這里的封裝函數代碼邏輯有點獨特，不是很能看明白

10.短信驗證和輕提示：

導入調用可以在vue文件和非vue文件中使用

第二種只能在vue文件中，否則拿不到實例

具體語法還得參考官方文檔

10.登陸權限（token）：

11.本地存儲信息：

大量使用，封裝成方法

12.添加等待效果(Loading)：

13.頁面攔截（vue Router官網）：

14.首頁：

15.歷史記錄：

16.分類頁設置

17.渲染詳情

20.加入購物車：

21.購物車模塊：

22.結算：

23.訂單結算：

24.細節實現：

25.立即購買結算：

26.提交訂單并支付：

27.訂單管理和個人中心

28.打包：

常用的給他定義成異步加載