混合app开发之vue + h5plus 分享

原创 Ngt 随笔 随笔 245阅读 2018-12-10 15:13:57 举报

vue-h5plus

基于 vue-cli3 搭建的 vue 多页面 H5Plus 项目,同时结合了 vant、mui 进行开发。

vue-h5plus 的特点

  • 基于 webpack4 和 vue-cli3 多页面模式开发,体验极致的打包速度
  • 自动构建 pags 目录下的页面,快速新建页面
  • Hbuilder 项目目录和 vue 工程目录分离,Hbuilder 不打包多余的配置文件

项目说明

  • pages 目录下每个子目录作为一个页面,pagename.js 为 webpack 打包入口,pagename.html 为页面模板(若子目录下无 pagename.html ,则使用 default.html 作为模板)
  • 项目包含了 webview 模式的 tabbar,对应页面为 index
  • 项目引入了 mui 和 vant 组件库,开发者可以灵活选择

目录结构

如何运行?

github地址

https://github.com/inooNgt/vue-h5plus.git

快速体验

安卓版

Licence

MIT

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复