基于 Vue CLI 4 和 Vant 的移动端 H5 开发方案

Vue CLI 4 + Vant 移动端快速开发方案

该方案整合了 Vue CLI 4、Webpack 4、Vant UI、Sass 和 Rem 布局,提供axios封装,帮助开发者快速构建移动端 H5 应用。

环境要求

  • Node.js 8.9 或更高版本(推荐 8.11.0+)

快速上手

  1. 安装依赖

bash

npm install

  1. 启动开发服务器

bash

npm run serve

目录结构

项目采用 Vue CLI 4 默认目录结构。

多环境配置

项目通过 package.json 中的 scripts 字段配置了 developmentstagingproduction 三种环境。

  • 开发环境:npm run serve
  • 测试环境:npm run test
  • 生产环境:npm run build

通过 --mode 参数可指定不同的环境配置。

zip 文件大小:46.61KB