vue2做webapp的移动端架构
发布于 8 年前 作者 raintao 4606 次浏览 最后一次编辑是 8 年前 来自 分享
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

由于现在一直在用vue2做移动端的app应用,想分享一下自己经过一段时间的使用后,选择的技术架构:

所用的技术架构 GitHub地址

vue+vuex+vue-router+mint/muse+axios+material icons+less+HBuild

vue2官网

vuex

vue-router

官方命令行工具vue-cli

UI mnit-ui muse-ui

交互 axios,github地址

icon material icons

打包平台 HBuild

css预编译less

          static文件夹主要放一些图片,第三方文件。src中的目录如下:
            |-- App.vue  
            |-- components  单文件组件文件夹
            |-- diy         封装的api 接口等
            |-- main.js     入口文件
            |-- pages       页面
            |-- public      css重置、统一制定主题、样式等css文件
            |-- router      路由文件
            |-- store       vuex

默认配置为基于iphone6的设计稿,1rem=100px,即1px=0.01rem;

字体、border用px,布局用rem,固定定位的header、footer建议也用px布局;

另本模版对于mintUI和museUI组件按需引入的webpack已配好,less语法等,如果你的ide,有类似jshint这样对js语法做校验证插件,请注意我对环境配置已经做了部分处理,对于es6语法不会提醒

欢迎大家参与讨论,分享一下自己的使用经验,提出宝贵的意见,十分感谢,如果感觉不错,请在github上给个star,谢谢!

回到顶部