NewsNing
NewsNing
  • 发布:2017-01-16 09:41
  • 更新:2017-01-16 09:41
  • 阅读:14285

【源码技术分享】webpack+vue+html5plus

分类:HTML5+

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 真机调试

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

部分截图

主页

机器人聊天

侧栏

其它

10 关注 分享
BoredApe lhyh Huiqi Trust 2***@qq.com 3***@qq.com W小姐 水域心诚 阿星蜀黍 j***@126.com

要回复文章请先登录注册

Native_O

Native_O

使用cnpm run build
在hb上用手机打开 提示无法连接网络
2017-05-15 16:53
NewsNing

NewsNing (作者)

回复 2***@qq.com :
我运行的好好的啊
2017-03-30 10:54
2***@qq.com

2***@qq.com

我的是空白页!
2017-03-29 21:56
德里克的骄傲

德里克的骄傲

直接报错。
2017-03-20 13:44
9***@qq.com

9***@qq.com

代码跑不起来。手机和浏览器都不行。
2017-03-08 20:34
阿逗

阿逗

这里有更多mui源码 http://www.sucaihuo.com/search.html?keyword=mui&mtype=1
2017-02-15 14:13
NewsNing

NewsNing (作者)

回复 6***@qq.com :
能在浏览器跑起来,但是部分功能受限,比如plus相关
2017-02-09 10:31
6***@qq.com

6***@qq.com

你好 npm run dev 后 不能直接在 浏览器跑起来吗?
2017-02-08 20:23
Float

Float

我按你的步骤,先打包,再真机调试时,控制台输出错误:如下,帮忙看一下哪里出问题了?
应用VueAppDemo已启动...
You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html at static/js/vendor.154cc5a3c1b54c7134e2.js?3e4bfdbff8173b5ebb3f:8
Uncaught ReferenceError: Window is not defined at static/js/vendor.154cc5a3c1b54c7134e2.js?3e4bfdbff8173b5ebb3f:16
2017-02-08 15:53
NewsNing

NewsNing (作者)

回复 丶多想 :
我觉得功能区分大的用webview,然后一个页面几个小功能的可以用路由
2017-01-18 10:12