%20(2).svg)
项目简介
这是一个基于Vue和Vant的前端快速开发模板，具备基本页面、示例以及合适的配置。用户fork该项目后可立即投入使用，能够助力开发者快速搭建Web应用。
项目的主要特性和功能
- Mock数据模拟：可通过运行
npm run mock配合npm run serve:local使用，也能结合vue-mock-cli，仅个别接口需mock数据时修改接口名即可。 - 屏蔽微信浏览器提示：在微信浏览器打开项目会弹出使用系统浏览器的提示，该弹窗可关闭或删除。
- 数值精度处理：引入
number-precision模块，避免数值计算精度问题。 - 移动端适配：默认用
px转vw进行适配，也可参考docs目录文档将px转换为rem。 - 内置装饰器：内置部分装饰器，如防抖节流、确认提示等，且更多装饰器在完善中。
- gzip打包压缩：配置压缩工具后，
build时自动将静态资源压缩为gz文件，部署服务器启用gzip功能可提高加载速度。 - 二次封装axios：对
axios二次封装，使用时调整token获取方式即可，封装文件在src/utils/request.js。 - 日期工具类：使用
dayjs进行日期处理，支持UTC和国际化，体积小。 - 代码和提交规范：集成
eslint管控代码规范，定义提交规范，提交时自动校验和格式化代码。 - CDN配置：将
cdn配置提取到config/cdn.js文件，方便指定使用cdn的文件，并有开关可关闭。 - 目录结构合理：组件分为
base和components目录，base放无业务的基本组件，提供loading组件可直接调用。 - 文档模块：记录多种方案配置内容和示例，方便开发者切换。
安装使用步骤
安装依赖
在项目根目录下运行npm run install。
启动项目
- 开发环境：运行
npm run serve。 - 其他人员独立开发环境：运行
npm run serve:local。 - 使用测试数据接口：运行
npm run serve:mock，同时启动npm run mock提供测试数据。
打包项目
- 普通打包：运行
npm run build。 - 打包并输出日志：运行
npm run build:log。
代码校验
运行npm run lint进行代码校验。
常见问题解决
- 低版本安卓浏览器样式错乱：尽量不使用
transform和flex布局，采用display:inline-block + float布局。 - Safari浏览器右滑闪屏：在
src/router/index.js中设置scrollBehavior: () => ({ x: 0, y: 0 })。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】