1.0.1 • Published 3 years ago

achaoh5 v1.0.1

Weekly downloads
-
License
-
Repository
-
Last release
3 years ago

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