用vue快速开发app的脚手架工具-创新互联

前言

创新互联建站主要从事成都网站设计、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务琼结,十多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

多页面应用于结构较于简单的页面,因为简答的页面使用router又过于麻烦.本脚手架出于这样的场景被开发出来.

使用脚手架搭配Hbuilder也同样可以快速使用vue开发安卓和IOS APP.

本文大特点:

1. webpack4
2. 多页面
3. 跨域Proxy代理
4. VConsole移动端调试,手机上的开发者工具
5. es6/es7 babel 转换

项目地址 GitHub

使用手册

MogoH5+ 是一个 vue 多页面 脚手架工具 ,结合 H5+可以快速开发安卓与苹果 APP.

即使不适用 Hbuilder 打包成 APP,本脚手架同样可以作为多页面网页生成的参考项目.

特性

1. 支持 Npm 生态
2. 支持 vue 语法,以及 vue 生态,比如 vux,mint,vant
3. 支持 ES6/ES7 语法
4. 使用 VConsole 调试
5. VSCode 友好
6. 局域网便捷调试
7. 兼容部分 mui 语法

这些特性其实不是什么新鲜特性,只是单独在 Hbuilder 无法使用.

快速上手

直接下载项目然后根据需求定制打包,最后通过 Hbuilder 云打包即可生成 APP.

本文自带一个案例是使用 VantUI 开发的几个界面,如果你喜欢其他 UI 同样可以替换成其他的 UI.

// 1.安装模块
npm i // or yarn
// 2.调试
npm start  // 将manifest.json 的`页面入口` 修改成 http://your_ip:8082/
// 3.打包
npm run build

分享名称：用vue快速开发app的脚手架工具-创新互联
文章起源：http://jkwzsj.com/article/jhcog.html