mirror of
https://github.com/sunniejs/vue-h5-template.git
synced 2025-06-14 22:11:27 +08:00
51 lines
1.7 KiB
Markdown
51 lines
1.7 KiB
Markdown
# vue-h5-template
|
||
|
||
基于vue-cli3.0+webpack 4+vant ui + sass+ rem适配方案+axios封装，构建手机端模板脚手架
|
||
[demo](https://solui.cn/vue-h5-template/#/)建议手机端查看
|
||
|
||
#### 介绍
|
||
[关于项目介绍](https://juejin.im/post/5cfefc73f265da1bba58f9f7)
|
||
|
||
- Vue-cli4
|
||
- VantUI组件按需加载
|
||
- Sass
|
||
- Webpack 4
|
||
- Vuex
|
||
- Axios封装
|
||
- rem适配方案
|
||
- 多环境配置
|
||
- 生产环境cdn优化首屏加速
|
||
- babel低版本浏览器兼容
|
||
- Eslint+Pettier统一开发规范
|
||
|
||
#### 多环境
|
||
|
||
|
||
之前写过一个多环境的方案，是基于vue-cli2.0的 [vue多环境配置方案-传送门](https://segmentfault.com/a/1190000019136606)
|
||
最近新的项目采用了vuecli3.0开始了一番折腾
|
||
|
||
这里参考了[vue-admin-template](https://github.com/PanJiaChen/vue-admin-template) 基本思路不变
|
||
在src的文件里新建config 根据不同的环境去引用不同的配置文件，不同的是在根目录下有三个设置环境变量的文件
|
||
这里可以参考vue-admin-template
|
||
|
||
#### rem适配方案
|
||
|
||
还是那句话，用vw还是用rem，这是个问题？
|
||
|
||
选用rem的原因是因为vant直接给到了这个适配方案，个人也比较喜欢这个方案
|
||
|
||
[vant](https://youzan.github.io/vant/#/zh-CN/quickstart)
|
||
|
||
#### 总结
|
||
|
||
因为项目刚刚构建起来，后面还会持续更新，实际使用过程中一定还有很多问题，如果文章中有错误希望能够被指正，一起成长
|
||
|
||
# 关于我
|
||
|
||
您可以扫描添加下方的微信并备注 Sol 加交流群，给我提意见，交流学习。
|
||
<p>
|
||
<img src="https://tweapp.top1buyer.com/mine.jpg" width="256" style="display:inline;">
|
||
</p>
|
||
|
||
如果对你有帮助送我一颗小星星（づ￣3￣）づ╭❤～
|