Vant 示例工程,基于 vue-cli 3 搭建。
cdn 目录下包含了通过 CDN 引入 Vant 的示例,在浏览器内打开 cdn/index.html 即可查看效果。
base 工程示范了如何用 Vant 搭建几个简单的电商页面,包含如下功能:
- 基于 Vant 搭建
- 基于 vue-router 的单页面应用
- 组件按需引入
- 视图异步加载
rem 工程在 base 工程的基础上增加了移动端 rem 适配的配置。
viewport 工程在 base 工程的基础上增加了移动端 vw/vh 适配的配置。
theme 工程在 base 工程的基础上增加了自定义主题色的配置。
基于 typescript 的工程,使用 ts-import-plugin 实现组件按需引入。
# 安装依赖
# 注意:请切换到对应的子目录下安装
cd base
npm install
# 本地开发
# 通过 localhost:8080 访问页面
npm run serve
# 生产环境构建
npm run build
# 代码格式校验
npm run lint