### 创建项目安装组件
```shell
# 创建项目
vue create vue-vant-shop
# 安装 axios
npm i axios -S
# 安装 vant 组件(vue3)
# https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart
npm i vant@next -S
# 安装 vant 组件省市区
# https://github.com/youzan/vant/tree/dev/packages/vant-area-data
npm i @vant/area-data
# 安装 babel 插件
npm i babel-plugin-import -D
```
- 项目介绍
- 项目初始化
- 安装脚手架
- 创建项目安装组件
- 导入和使用组件
- 配置选项
- 配置别名
- 自动导入
- 接口封装
- 接口地址
- axios 二次封装
- 封装网络请求
- 首页接口
- 商品接口
- 授权接口
- 用户接口
- 购物车接口
- 订单/支付接口
- 收藏接口
- 地址管理接口
- 初始化页面
- 创建初始页面
- 状态管理
- 注册路由
- 静态资源
- 项目开发
- 公用组件
- 商品列表
- 支付轮询
- 回到顶部
- 顶部 NavBar
- 轮播图
- 底部 TabBar
- 入口页
- 首页
- 分类
- 商品详情
- 个人中心
- 我的
- 登录
- 注册
- 账号管理
- 购物车
- 订单
- 我的订单
- 订单预览
- 订单详情
- 我的收藏
- 地址
- 地址管理
- 地址编辑
- 关于我们
- 注意事项
- Tabs 上拉加载
- 下拉上拉重复请求
- 地址管理选中默认迟延
- 地址编辑地区码回显
- 结束