在线示例 Demo
四个可视化包 + 引擎包各有一份可复制的 CDN 页面（新窗口打开，文档不嵌 iframe）。Vue 3 业务弹层可在 Playground 本页直接点。
@cron-zen/vanilla无框架 · script 直引 · 新窗口@cron-zen/reactReact 18 · ESM · 新窗口@cron-zen/vue2Vue 2.7 · ESM · 新窗口@cron-zen/vue3Vue 3 · 整页编辑器 · 新窗口@cron-zen/core只要引擎 · 无 UI · 新窗口
| 包 | 在线 Demo | 说明 |
|---|---|---|
@cron-zen/vanilla | examples/vanilla.html | 无框架 · <script> browser IIFE |
@cron-zen/react | examples/react.html | React 18 · ESM import map |
@cron-zen/vue2 | examples/vue2.html | Vue 2.7 · ESM |
@cron-zen/vue3 | examples/vue3.html | Vue 3 · ESM |
@cron-zen/core | examples/core.html | 只要引擎：解析 / 描述 / next·prev / 模板 |
TIP
- 可视化 Demo 均含「常用模板」与「近 N 次 / 近 N 次已触发」。
- 旧链接
/examples/script-tag.html会跳转到 vanilla。 - 本地 Playground（含 Element 弹窗示例）→ Playground
只要引擎？先看这个
只装 pnpm add @cron-zen/core 时：
- 打开 core 在线 Demo 感受主流程
- 再查 API · @cron-zen/core —— 每个导出函数都有参数、返回值与示例
选包回顾
| 你的项目 | 可视化 | 只要引擎 |
|---|---|---|
| 原生 HTML / 无框架 | vanilla Demo | core Demo |
| React 18/19 | react Demo | 同上 |
| Vue 2.7 | vue2 Demo | 同上 |
| Vue 3 | vue3 Demo | 同上 |
完整决策表 → 选哪个包