描述

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

  1. vuecli3.0
  2. 多环境开发
  3. axios封装
  4. rem适配方案

多环境开发

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

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

这里有个问题，既然这里有了根据不同环境设置变量的文件，为什么还要去config下新建三个对应的文件呢？
个人比较喜欢这种引入的方式而，比如我需要在文件引入api.common_api

import { api } from '@/config'// apiconst { common_api } = api

rem适配方案

还是那句话，用vw还是用rem，这是个问题？

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

总结

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

项目github地址

关于我

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

如果对你有帮助送我一颗小星星（づ￣3￣）づ╭❤～

转载请联系作者！