![webpack](https://img.shields.io/badge/5.54.0-webpack-orange) ![vant](https://img.shields.io/badge/2.12.48-vant-409EFF) ![sass](https://img.shields.io/badge/1.53.0-sass-orange)
![vue](https://img.shields.io/badge/2.6.14-vue-brightgreen) ![axios](https://img.shields.io/badge/0.27.2-axios-ff69b4) ![vue-router](https://img.shields.io/badge/3.5.4-vue%20router-blueviolet) ![vuex](https://img.shields.io/badge/3.6.2-vuex-yellow) ![postcss-px-to-viewport](https://img.shields.io/badge/1.1.1-postcss--px--to--viewport-blue)
# ⚡️ 简介 一个开箱即用，基于 `webpack 5` + `vue 2` + `vant 2` + `vuex` + `vue-router 3` + `axios` 的H5项目模板。 # 🚀 开发 1. 安装 ``` npm install ``` 2. 运行 ``` npm run serve ``` # 📦️ 多环境打包 - 测试环境打包 ``` npm run build_test ``` - 生产环境打包 ``` npm run build ``` # 🔧 代码修复 ``` npm run lint-fix ``` # 📚 目录 ``` ├─ .env.xxx // 各环境的配置文件 ├─ .eslintrc.js // eslint配置 ├─ vue.config.js // vue配置 └─ src │─ App.vue // 根容器 │─ main.js │ ├─ components // 组件 │ ├─ pages // 页面 │ ├─ router // 路由 │ ├─ services // 接口 │ │ │ │─ request // 封装 │ └─ api // 接口 │ ├─ static // 静态资源 │ ├─ store // vuex │ └─ utils // 工具库 │ │ index.js │ │ loading.js // loading封装 │ │ toast.js // 弹窗封装 │ └─ │...... ```