vue 多页面 + HBuilder 打包 + HTML5PLUS

最新推荐文章于 2024-08-08 08:33:45 发布

weixin_34023982

最新推荐文章于 2024-08-08 08:33:45 发布

阅读量848

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ui ViewUI

原文链接：https://segmentfault.com/a/1190000008176524

本文介绍了一个基于Vue.js和HTML5 Plus的多页面应用项目，包括如何使用Muse-UI进行UI设计，实现webview多页面换肤等功能，并提供了详细的开发步骤及真机调试指南。

vue 多页面 + HBuilder 打包 + HTML5PLUS 特性

A Vue + H5Plus project

使用UI : Muse-UI 基于 Vue 2.0 和 Material Desigin 的 UI 组件库
真机调试 : HBuilder HBuilder-飞速编码的极客工具

关键字：

1）换肤（支持webview多页面换肤）
2）简易机器人聊天
3）技术性文章浏览
4）支持流应用版本

2017年2月3日 18:33:02

新增主页webview拖拽切换（需要 hbuilder 8.0 版本）

github源码地址

开始

# 安装依赖
npm install

# 在服务器上调试 localhost:8080/module/index.html
npm run dev
## 然后在HBuilder中起始页设置为 本地服务器:端口号/module/index.html
### 如 192.168.11.102:8080/module/index.html
## 手机连接电脑, 在统一局域网下, 开启真机调试

# 你也可以先 打包
npm run build
## 然后把 dist 文件下的目录放入 HBuilder 项目中
## 设置起始页为 module/index.html 真机调试

扫描二维码
在流应用中快速预览
测试二维码