achaoh5

achao-mobile

简介

achao-mobile 是基于 vue-cli和 vux 实现的移动端 H5 开发模板，其中已经搭建好基本的开发框架，快速开发h5. 技术栈：vue + vux + axios + less

功能

• 搭建项目目录
• 配置 css 预处理器
• 配置 UI 组件库 vux
• 解决移动端适配
• 配置页面路由缓存
• axios 请求封装
• 工具类函数封装
• toast 组件封装
• dialog 组件封装
• 底部导航组件封装

搭建项目目录

按如下文件目录搭建项目框架

src                               主要源码目录
|-- assets                        静态资源，统一管理
|-- components                    公用组件，全局组件
|-- utils                         JS相关操作处理
    |-- auth                      cookie操作token
    |-- request                   axios封装的请求拦截
    |-- utils                     全局封装的工具类
    |-- vconsole                  模拟数据，临时存放
|-- router                        路由，统一管理
|-- store                         vuex, 统一管理
|-- views                         view界面
|-- api                            api接口

移动端适配

1. 安装依赖

npm install px2rem-loader --save-dev

2、启动

npm start

3、打包

npm run build