https://github.com/NewsNIng/vue-h5plus

一款前卫的vue+html5plus跨平台demo
https://github.com/NewsNIng/vue-h5plus

Last synced: 3 months ago
JSON representation

一款前卫的vue+html5plus跨平台demo

• Host: GitHub
• URL: https://github.com/NewsNIng/vue-h5plus
• Owner: NewsNIng
• License: mit
• Archived: true
• Created: 2017-01-15T14:45:44.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2023-06-19T14:38:50.000Z (over 1 year ago)
• Last Synced: 2024-08-02T09:25:54.092Z (6 months ago)
• Language: JavaScript
• Size: 1 MB
• Stars: 172
• Watchers: 12
• Forks: 64
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-vue - vue-h5plus - h5plus?style=social) - 前卫的vue及html5plus跨平台demo (Demo示例)
• awesome-github-vue - vue-h5plus - 前卫的vue及html5plus跨平台demo (Demo示例)
• awesome-github-vue - vue-h5plus - 前卫的vue及html5plus跨平台demo (Demo示例)
• awesome - vue-h5plus - 前卫的vue及html5plus跨平台demo (Demo示例)

README

        
# vue-cli 多页面 + HBuilder 打包 + HTML5PLUS 特性

> A Vue + H5Plus project

使用UI : [Muse-UI](https://museui.github.io/) 基于 Vue 2.0 和 Material Desigin 的 UI 组件库

真机调试 : [HBuilder](http://www.dcloud.io/) HBuilder-飞速编码的极客工具

关键字：

1）换肤（支持webview多页面换肤）

2）简易机器人聊天

3）技术性文章浏览

4）支持流应用版本

## 开始

``` bash

# 安装依赖

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

```

扫描二维码

在流应用中快速预览

![测试二维码](https://github.com/NewsNIng/vue-h5plus/raw/master/other/liu.png)

## 部分截图

![主页](https://github.com/NewsNIng/vue-h5plus/raw/master/other/1.jpg)

![机器人聊天](https://github.com/NewsNIng/vue-h5plus/raw/master/other/chat.png)

![侧栏](https://github.com/NewsNIng/vue-h5plus/raw/master/other/2.jpg)

![其它](https://github.com/NewsNIng/vue-h5plus/raw/master/other/3.jpg)