米环7工具【大更新】Vepp - 全新 ZeppOS 手环开发框架！

PalmCueal · 2023-02-10

好耶

黃宥程0505 · 2023-02-10

谭镇洋说:
DEMO
这是Vepp文档中的的DEMO——简单的Helloworld，从中可以了解Vepp的使用及核心功能：
浏览附件16688

起因
自从买了个米环7，入坑ZeppOS以来，我心里一直有着这几个灵魂问题：

设计这个纯JS、提交式更新的控件系统有什么意义？好用么？还是另有其缘？不过好用肯定是说不上了。

为啥把 eval() 和 new Function() 这么重要的东西给禁了？没法施展手脚啊。（虽然最后还是被我轻松解决）

这JS运行效率是认真的么……我可能高估手环的性能了……

总之：懒懒懒还是懒，想少些几行代码！！

Vepp的诞生
Vepp的设计思路和我的另一个项目——Vior，当然还和大名鼎鼎的Vue有异曲同工之妙。其核心功能就是——声明式渲染，订阅式更新。不过考虑到ZeppOS的应用架构大多不复杂，所以Vepp舍去了一些几乎没用而又稍微难实现的功能，比如说——列表渲染，组件化等等。
不如你所知，Vepp是个实用框架——我用它完成了几个实战项目（见末尾），Vepp在其中的表现非常出色，当然一些bugs和用户体验也逐渐被发现和改进。目前Vepp在性能上还有所瑕疵，不过如果不介意的话就大胆使用它吧！

使用/下载
相关教程可在Github项目里找到（参见README自述文件），当然也可以直接用NPM下载。
NPM：npm install vepp
Github：https://github.com/jwhgzs/vepp

实例项目
可以移步Github（见下），也可以直接下载附件中的安装包。

JWatch（学生党必备表盘，滚动课程表+学周计算）：https://github.com/jwhgzs/vepp-jwatch

JStudio（迷你代码工作室，打字编码+运行JS）：https://github.com/jwhgzs/vepp-jstudio

冰晓焰 · 2023-02-12

大佬牛逼，活学活用

追风少年m · 2023-02-16

谭镇洋说:
支持

黎锦豪 · 2023-02-17

敛寒打控卫 · 2023-02-17

海藻酸钠说:
为什么我修改了课程列表，同步表盘后，手环上却没有表盘显示export default { schoolWeek: { start: 49, end: 56 }, timeList: [ [ { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '物理', stime: '10:00', etime: '10:40' }, { name: '音乐', stime: '10:50', etime: '11:30' }, { name: '数学', stime: '11:40', etime: '12:20' }, { name: '生物', stime: '14:00', etime: '14:40' }, { name: '历史', stime: '14:50', etime: '15:30' }, { name: '信科', stime: '15:40', etime: '16:20' }, { name: '政治', stime: '16:30', etime: '17:10' }, { name: '数学', stime: '17:20', etime: '18:00' }, { name: '生/地', stime: '18:40', etime: '19:20' }, { name: '生/地', stime: '19:30', etime: '20:00' }, { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' } ], [ { name: '物理', stime: '10:50', etime: '11:30' }, { name: '体育', stime: '11:40', etime: '12:20' }, { name: '政治', stime: '14:00', etime: '14:40' }, { name: '心/体', stime: '14:50', etime: '15:30' }, { name: '语文', stime: '15:40', etime: '16:20' }, { name: '语文', stime: '16:30' , etime: '17:10' }, { name: '特色课程', stime: '17:20', etime: '18:00' }, { name: '语文', stime: '18:40', etime: '19:20' }, { name: '语文', stime: '19:30', etime: '20:00' }, { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' }, { name: '政治', stime: '10:50', etime: '11:30' }, { name: '地理', stime: '11:40', etime: '12:20' }, { name: '语文', stime: '14:00', etime: '14:40' }, { name: '美/音', stime: '14:50', etime: '15:30' } ], [ { name: '体育', stime: '15:40', etime: '16:20' }, { name: '物理', stime: '16:30', etime: '17:10' }, { name: '历史', stime: '17:20', etime: '18:00' }, { name: '数学', stime: '18:40', etime: '19:20' }, { name: '数学', stime: '19:30', etime: '20:00' }, { name: '英语', stime: '8:00', etime: '8:40' }, { name: '语文', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' }, { name: '生物', stime: '10:50', etime: '11:30' }, { name: '历史', stime: '11:40', etime: '12:20' }, { name: '数学', stime: '14:00', etime: '14:40' }, { name: '体育', stime: '14:50', etime: '15:20' }, { name: '语文', stime: '15:30', etime: '16:20' }, { name: '英语', stime: '16:30', etime: '17:10' }, { name: '特色课程', stime: '17:20', etime: '18:00' }, { name: '英语', stime: '18:40', etime: '19:20' } ], [ { name: '英语', stime: '19:30', etime: '20:00' }, { name: '英语', stime: '8:00', etime: '8:40' }, { name: '数学', stime: '8:50', etime: '9:30' }, { name: '美术', stime: '10:00', etime: '10:40' }, { name: '地理', stime: '10:50', etime: '11:30' }, { name: '语文', stime: '11:40', etime: '12:20' }, { name: '语文', stime: '14:00', etime: '14:40' }, { name: '写/阅', stime: '14:50', etime: '15:30' }, { name: '班会', stime: '15:40', etime: '16:20' } ], [], [ { name: '看新闻', stime: '19:10', etime: '19:30' }, { name: '晚自习', stime: '19:30', etime: '20:15' }, { name: '晚自习', stime: '20:30', etime: '21:15' } ] ] }

韩建宽 · 2023-02-21

XiaoMengXinX · 2023-02-23

好耶

最好不过 · 2023-02-23

牛牛牛

tony2022 · 2023-02-24

Struggle · 2023-02-28

大佬牛逼！前端狂喜！

doki丶 · 2023-03-01

谭镇洋说:
DEMO

展示下 Vepp 文档中的的 DEMO ——简单的表单实现（单选框），带你来欣赏 Vepp 之美：

浏览附件17503

介绍

相信看到上面展示的 DEMO ，大家都为之震撼。没错！Vepp 诞生的目的就是把 ZeppOS 应用的开发“正常化”，脱离原生 ZeppOS 控件系统的繁琐、累赘，使开发更现代化——也就是接近 Vue 等为代表的现代前端技术栈。

有了 Vepp ，你可以运用你在前端开发的经验和习惯——例如以 HTML 形式创建的控件，Vue 风格的 properties/events 声明，响应性变量，声明式渲染……

不过，目前这些话都是虚谈——只有你真正上手了 Vepp ，才会发自内心地体会到有了 Vepp 的 ZeppOS 开发是多么的现代、优雅！

典型特性

HTML 风格的控件创建

Vue 风格的 properties/events 声明

声明式渲染

精简、高效的核心代码

完备的、配套的 CLI 脚手架

借助 CLI 提前编译实现进一步性能飞跃

……（未完待续）

使用/下载

相关教程可在Github项目里找到（参见 README 自述文件），当然也可以直接用 NPM 下载。

NPM：npm install vepp
Github：https://github.com/jwhgzs/vepp

实例项目

由于 Vepp 大更新、本人开发日程排满，暂时无法更新 JWatch 等实例项目，只能先用着 Vepp 0.7.x 的旧版本~

可以移步 Github（见下），也可以直接下载附件中的安装包。

JWatch（学生党必备表盘，滚动课程表 + 学周计算）：https://github.com/jwhgzs/vepp-jwatch

JStudio（迷你代码工作室，打字编码 + 运行JS + 保存归档）：https://github.com/jwhgzs/vepp-jstudio

附件说明

由于这两个实例项目更新频繁，故不建议在附件下载。请从 NPM 或 github 下载最新版后自行编译。

试试

谭镇洋 · 2023-03-03

海藻酸钠说:
为什么我修改了课程列表，同步表盘后，手环上却没有表盘显示export default { schoolWeek: { start: 49, end: 56 }, timeList: [ [ { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '物理', stime: '10:00', etime: '10:40' }, { name: '音乐', stime: '10:50', etime: '11:30' }, { name: '数学', stime: '11:40', etime: '12:20' }, { name: '生物', stime: '14:00', etime: '14:40' }, { name: '历史', stime: '14:50', etime: '15:30' }, { name: '信科', stime: '15:40', etime: '16:20' }, { name: '政治', stime: '16:30', etime: '17:10' }, { name: '数学', stime: '17:20', etime: '18:00' }, { name: '生/地', stime: '18:40', etime: '19:20' }, { name: '生/地', stime: '19:30', etime: '20:00' }, { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' } ], [ { name: '物理', stime: '10:50', etime: '11:30' }, { name: '体育', stime: '11:40', etime: '12:20' }, { name: '政治', stime: '14:00', etime: '14:40' }, { name: '心/体', stime: '14:50', etime: '15:30' }, { name: '语文', stime: '15:40', etime: '16:20' }, { name: '语文', stime: '16:30' , etime: '17:10' }, { name: '特色课程', stime: '17:20', etime: '18:00' }, { name: '语文', stime: '18:40', etime: '19:20' }, { name: '语文', stime: '19:30', etime: '20:00' }, { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' }, { name: '政治', stime: '10:50', etime: '11:30' }, { name: '地理', stime: '11:40', etime: '12:20' }, { name: '语文', stime: '14:00', etime: '14:40' }, { name: '美/音', stime: '14:50', etime: '15:30' } ], [ { name: '体育', stime: '15:40', etime: '16:20' }, { name: '物理', stime: '16:30', etime: '17:10' }, { name: '历史', stime: '17:20', etime: '18:00' }, { name: '数学', stime: '18:40', etime: '19:20' }, { name: '数学', stime: '19:30', etime: '20:00' }, { name: '英语', stime: '8:00', etime: '8:40' }, { name: '语文', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' }, { name: '生物', stime: '10:50', etime: '11:30' }, { name: '历史', stime: '11:40', etime: '12:20' }, { name: '数学', stime: '14:00', etime: '14:40' }, { name: '体育', stime: '14:50', etime: '15:20' }, { name: '语文', stime: '15:30', etime: '16:20' }, { name: '英语', stime: '16:30', etime: '17:10' }, { name: '特色课程', stime: '17:20', etime: '18:00' }, { name: '英语', stime: '18:40', etime: '19:20' } ], [ { name: '英语', stime: '19:30', etime: '20:00' }, { name: '英语', stime: '8:00', etime: '8:40' }, { name: '数学', stime: '8:50', etime: '9:30' }, { name: '美术', stime: '10:00', etime: '10:40' }, { name: '地理', stime: '10:50', etime: '11:30' }, { name: '语文', stime: '11:40', etime: '12:20' }, { name: '语文', stime: '14:00', etime: '14:40' }, { name: '写/阅', stime: '14:50', etime: '15:30' }, { name: '班会', stime: '15:40', etime: '16:20' } ], [], [ { name: '看新闻', stime: '19:10', etime: '19:30' }, { name: '晚自习', stime: '19:30', etime: '20:15' }, { name: '晚自习', stime: '20:30', etime: '21:15' } ] ] }

可以试一下用模拟器调试一下，可能是改了之后配置文件出错等。不过建议还是用现在的最新版再修改一次，最新版也修复了一大堆BUG

续梦吧 · 2023-03-03

1096577436 · 2023-03-04

框架大佬，牛啊

易林QWQ · 2023-03-04

n b

哥哥的 · 2023-03-07

亲

谭镇洋说:
DEMO

展示下 Vepp v0.10.17 文档中的 DEMO ——简单的表单实现（单选框），带你来欣赏 Vepp 之美：

浏览附件17604

介绍

相信看到上面展示的 DEMO ，大家都为之震撼。没错！Vepp 诞生的目的就是把 ZeppOS 应用的开发“正常化”，脱离原生 ZeppOS 控件系统的繁琐、累赘，使开发更现代化——也就是接近 Vue 等为代表的现代前端技术栈。

有了 Vepp ，你可以运用你在前端开发的经验和习惯——例如以 HTML 形式创建的控件，Vue 风格的 properties/events 声明，响应性变量，声明式渲染……

不过，目前这些话都是虚谈——只有你真正上手了 Vepp ，才会发自内心地体会到有了 Vepp 的 ZeppOS 开发是多么的现代、优雅！

典型特性

HTML 风格的控件创建

Vue 风格的 properties/events 声明

声明式渲染

精简、高效的核心代码

完备的、配套的 CLI 脚手架

借助 CLI 提前编译实现进一步性能飞跃

……（未完待续）

使用/下载

相关教程可在Github项目里找到（参见 README 自述文件），当然也可以直接用 NPM 下载。

NPM：npm install vepp
Github：https://github.com/jwhgzs/vepp

实例项目

这里贴两个旧版 Vepp 实例项目的图：

浏览附件17554 浏览附件17555

由于 Vepp 大更新、本人开发日程排满，暂时无法更新 JWatch 等实例项目，只能先用着 Vepp 0.7.x 的旧版本~

可以移步 Github（见下），也可以直接下载附件中的安装包。

JWatch（学生党必备表盘，滚动课程表 + 学周计算）：https://github.com/jwhgzs/vepp-jwatch

JStudio（迷你代码工作室，打字编码 + 运行JS + 保存归档）：https://github.com/jwhgzs/vepp-jstudio

附件说明

由于这两个实例项目更新频繁，故不建议在附件下载。请从 NPM 或 github 下载最新版后自行编译。

你好434548 · 2023-03-08

666

谭镇洋说:
DEMO

展示下 Vepp v0.10.17 文档中的 DEMO ——简单的表单实现（单选框），带你来欣赏 Vepp 之美：

浏览附件17604

介绍

相信看到上面展示的 DEMO ，大家都为之震撼。没错！Vepp 诞生的目的就是把 ZeppOS 应用的开发“正常化”，脱离原生 ZeppOS 控件系统的繁琐、累赘，使开发更现代化——也就是接近 Vue 等为代表的现代前端技术栈。

有了 Vepp ，你可以运用你在前端开发的经验和习惯——例如以 HTML 形式创建的控件，Vue 风格的 properties/events 声明，响应性变量，声明式渲染……

不过，目前这些话都是虚谈——只有你真正上手了 Vepp ，才会发自内心地体会到有了 Vepp 的 ZeppOS 开发是多么的现代、优雅！

典型特性

HTML 风格的控件创建

Vue 风格的 properties/events 声明

声明式渲染

精简、高效的核心代码

完备的、配套的 CLI 脚手架

借助 CLI 提前编译实现进一步性能飞跃

……（未完待续）

使用/下载

相关教程可在Github项目里找到（参见 README 自述文件），当然也可以直接用 NPM 下载。

NPM：npm install vepp
Github：https://github.com/jwhgzs/vepp

实例项目

这里贴两个旧版 Vepp 实例项目的图：

浏览附件17554 浏览附件17555

由于 Vepp 大更新、本人开发日程排满，暂时无法更新 JWatch 等实例项目，只能先用着 Vepp 0.7.x 的旧版本~

可以移步 Github（见下），也可以直接下载附件中的安装包。

JWatch（学生党必备表盘，滚动课程表 + 学周计算）：https://github.com/jwhgzs/vepp-jwatch

JStudio（迷你代码工作室，打字编码 + 运行JS + 保存归档）：https://github.com/jwhgzs/vepp-jstudio

附件说明

由于这两个实例项目更新频繁，故不建议在附件下载。请从 NPM 或 github 下载最新版后自行编译。

6666

xhg · 2023-03-08

谭镇洋说:
DEMO

展示下 Vepp v0.10.17 文档中的 DEMO ——简单的表单实现（单选框），带你来欣赏 Vepp 之美：

浏览附件17604

介绍

相信看到上面展示的 DEMO ，大家都为之震撼。没错！Vepp 诞生的目的就是把 ZeppOS 应用的开发“正常化”，脱离原生 ZeppOS 控件系统的繁琐、累赘，使开发更现代化——也就是接近 Vue 等为代表的现代前端技术栈。

有了 Vepp ，你可以运用你在前端开发的经验和习惯——例如以 HTML 形式创建的控件，Vue 风格的 properties/events 声明，响应性变量，声明式渲染……

不过，目前这些话都是虚谈——只有你真正上手了 Vepp ，才会发自内心地体会到有了 Vepp 的 ZeppOS 开发是多么的现代、优雅！

典型特性

HTML 风格的控件创建

Vue 风格的 properties/events 声明

声明式渲染

精简、高效的核心代码

完备的、配套的 CLI 脚手架

借助 CLI 提前编译实现进一步性能飞跃

……（未完待续）

使用/下载

相关教程可在Github项目里找到（参见 README 自述文件），当然也可以直接用 NPM 下载。

NPM：npm install vepp
Github：https://github.com/jwhgzs/vepp

实例项目

这里贴两个旧版 Vepp 实例项目的图：

浏览附件17554 浏览附件17555

由于 Vepp 大更新、本人开发日程排满，暂时无法更新 JWatch 等实例项目，只能先用着 Vepp 0.7.x 的旧版本~

可以移步 Github（见下），也可以直接下载附件中的安装包。

JWatch（学生党必备表盘，滚动课程表 + 学周计算）：https://github.com/jwhgzs/vepp-jwatch

JStudio（迷你代码工作室，打字编码 + 运行JS + 保存归档）：https://github.com/jwhgzs/vepp-jstudio

附件说明

由于这两个实例项目更新频繁，故不建议在附件下载。请从 NPM 或 github 下载最新版后自行编译。

qpqpqp1774 · 2023-03-11

不错

米环7工具 【大更新】Vepp - 全新 ZeppOS 手环开发框架！

Lv.0

Lv.0

Lv.2

Lv.0

Lv.0

Lv.0

Lv.0

Lv.6

Lv.0

Lv.1

😱😱😱

Lv.0

Lv.4

Lv.0

Lv.0

Lv.1

Lv.0

Lv.0

Lv.0

Lv.0

相似主题

米环7小程序 25K 296

米环7教程 20K 60

米环7教程 3K 7

米环7教程 3K 17

问答 2K 16

米环7工具【大更新】Vepp - 全新 ZeppOS 手环开发框架！

米环7小程序
25K

296

米环7教程
20K

60

米环7教程
3K

7

米环7教程
3K

17

问答
2K

16