xuchfStrong / vue-h5-template

:tada:基于vue-cli3.0+webpack 4+vant ui + sass+ rem适配方案+axios封装,构建手机端模板脚手架

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue-h5-template

基于vue-cli3.0+webpack 4+vant ui + sass+ rem适配方案+axios封装,构建手机端模板脚手架

介绍

关于项目介绍

  1. vuecli3.0
  2. 多环境开发
  3. axios封装
  4. rem适配方案
  5. 生产环境cdn优化首屏加速
  6. babel低版本浏览器兼容
  7. 环境发布脚本

多环境

之前写过一个多环境的方案,是基于vue-cli2.0的 vue多环境配置方案-传送门 最近新的项目采用了vuecli3.0开始了一番折腾

这里参考了vue-admin-template 基本思路不变 在src的文件里新建config 根据不同的环境去引用不同的配置文件,不同的是在根目录下有三个设置环境变量的文件 这里可以参考vue-admin-template

rem适配方案

还是那句话,用vw还是用rem,这是个问题?

选用rem的原因是因为vant直接给到了这个适配方案,个人也比较喜欢这个方案

vant

总结

因为项目刚刚构建起来,后面还会持续更新,实际使用过程中一定还有很多问题,如果文章中有错误希望能够被指正,一起成长

关于我

您可以扫描添加下方的微信并备注 Soul 加交流群,给我提意见,交流学习。

如果对你有帮助送我一颗小星星(づ ̄3 ̄)づ╭

About

:tada:基于vue-cli3.0+webpack 4+vant ui + sass+ rem适配方案+axios封装,构建手机端模板脚手架

License:MIT License


Languages

Language:JavaScript 84.2%Language:CSS 7.7%Language:HTML 4.8%Language:Vue 3.3%