{"id":17312679,"url":"https://github.com/buuing/mini-sandbox","last_synced_at":"2025-05-07T15:20:31.768Z","repository":{"id":37439630,"uuid":"460081898","full_name":"buuing/mini-sandbox","owner":"buuing","description":"一个前端【代码 / 组件】的可视化方案，融合了【在线编辑 \u0026 实时预览】等特点；可以在任意 js 环境下，包括【docsify / vuepress】文档类项目中使用；支持 Vue SFC / React SFC 单文件组件","archived":false,"fork":false,"pushed_at":"2023-10-17T03:14:41.000Z","size":4743,"stargazers_count":182,"open_issues_count":8,"forks_count":30,"subscribers_count":6,"default_branch":"master","last_synced_at":"2023-10-17T11:15:32.569Z","etag":null,"topics":["docsify-plugin","playground","react-sfc","sandbox","vue-sfc"],"latest_commit_sha":null,"homepage":"https://buuing.github.io/mini-sandbox/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/buuing.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-02-16T16:18:43.000Z","updated_at":"2024-05-30T05:02:15.624Z","dependencies_parsed_at":"2023-10-17T08:21:16.537Z","dependency_job_id":null,"html_url":"https://github.com/buuing/mini-sandbox","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buuing%2Fmini-sandbox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buuing%2Fmini-sandbox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buuing%2Fmini-sandbox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buuing%2Fmini-sandbox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/buuing","download_url":"https://codeload.github.com/buuing/mini-sandbox/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252902673,"owners_count":21822274,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["docsify-plugin","playground","react-sfc","sandbox","vue-sfc"],"created_at":"2024-10-15T12:44:17.773Z","updated_at":"2025-05-07T15:20:31.748Z","avatar_url":"https://github.com/buuing.png","language":"TypeScript","readme":"\n\u003cdiv align=\"center\" style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n  \u003cimg src=\"./docs/logo.svg\" width=\"256\" /\u003e\n  \u003cbr /\u003e\n  \u003ch1 style=\"margin: 10px 0 0\"\u003eMini Sandbox\u003c/h1\u003e\n  \u003cp\u003e一个前端【代码/组件】的可视化方案，融合了【在线编辑 \u0026 实时预览】等特点\u003c/p\u003e\n  \u003cp\u003e\n    \u003ca href=\"https://github.com/buuing/mini-sandbox/stargazers\" target=\"_black\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/stars/buuing/mini-sandbox?color=%236a90e1\u0026logo=github\u0026style=flat-square\" alt=\"stars\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://www.npmjs.com/package/mini-sandbox\" target=\"_black\"\u003e\n      \u003cimg src=\"https://img.shields.io/npm/dm/mini-sandbox?color=%23ffba15\u0026logo=npm\u0026style=flat-square\" alt=\"npm\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://www.jsdelivr.com/package/npm/mini-sandbox\" target=\"_black\"\u003e\n      \u003cimg src=\"https://data.jsdelivr.com/v1/package/npm/mini-sandbox/badge\" alt=\"jsdelivr\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/buuing\" target=\"_black\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/Author-%20buuing%20-6a90e1.svg?\u0026logo=github\u0026style=flat-square\" alt=\"author\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/buuing/mini-sandbox/blob/master/LICENSE\" target=\"_black\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/license/buuing/mini-sandbox?color=%236a90e1\u0026logo=github\u0026style=flat-square\" alt=\"license\" /\u003e\n    \u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n## Feature \u0026 功能亮点 \u003c!-- {docsify-ignore-all} --\u003e\n\n- 可以在线编辑前端【代码 / 组件】, 并实时预览代码效果\n- 代码**自动保存到 URL 上**, 分享网址即可分享代码\n- 静态资源全局缓存, **多个 Sandbox 之间资源共享**, 拒绝浪费请求\n- 支持动态【 import / export 】引入或导出其他标签页的代码\n- 支持【 [`Vue SFC`](https://buuing.github.io/mini-sandbox/vue-sfc.html) / [`React SFC`](https://buuing.github.io/mini-sandbox/react-sfc.html) 】单文件组件\n- **纯前端部署**, 不依赖服务器, 静态页即可实现编辑和预览功能\n\n\u003cbr /\u003e\n\n## Document \u0026 官方文档\n\n- [官方文档 \u0026 演示地址](https://buuing.github.io/mini-sandbox)\n\n\u003cbr /\u003e\n\n## Usage \u0026 使用\n\n- [在 javascript 中使用](https://buuing.github.io/mini-sandbox/#/docs/usage)\n- [在 docsify 中使用](https://buuing.github.io/mini-sandbox/#/docs/usage-docsify)\n- [在 vuepress 中使用](https://buuing.github.io/mini-sandbox/#/docs/usage-vuepress)\n\n\u003cbr /\u003e\n\n## 赞赏码\n\n- **Bug 反馈请直接去 Github 上面提 Issues,** 我会实时收到邮件提醒前去查看\n- 如果是小白需要技术指导的话, 下边是我的赞赏码, **备注好你的微信号,** 我看到后会主动加你\n- 但如果是因为我文档没写清楚，或者是插件本身的bug，导致你无法正常使用的话，赞赏全额返还\n\n\u003cimg src=\"https://unpkg.com/buuing@0.0.2/imgs/pay.png\" width=\"256\" /\u003e\n\n**请备注好你的`微信号`**\n\n\u003cbr /\u003e\n\n## 谁在使用\n\n- [🎁 lucky-canvas 【大转盘 / 九宫格 / 老虎机】抽奖插件](https://100px.net/playground.html)\n- [🎁 right-menu 一个功能强大的右键菜单插件](https://buuing.github.io/right-menu/#/docs/options)\n\n\u003e 欢迎通过 PR / ISSUES 补充（要求链接地址为使用该插件的页面）\n\n\u003cbr /\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbuuing%2Fmini-sandbox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbuuing%2Fmini-sandbox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbuuing%2Fmini-sandbox/lists"}