CodeSandbox是一个浏览器云端在线开发的云 IDE 平台，官网：https://codesandbox.io，主打零本地环境配置、在线编码、实时预览、代码分享、多人协作。
核心功能
1. 代码分享与嵌入
每个项目生成唯一短链接，直接发链接即可打开可运行代码；支持嵌入博客、MD 文档、Notion、教程网页，读者在线修改运行代码，是技术文档示例首选方案。
2. GitHub 深度打通
- GitHub 账号一键登录；
- 导入 Github 仓库在线开发，代码可直接 Push 回仓库；
- PR 预览：给开源项目提 PR 时，一键生成在线沙箱用于代码评审、BUG 复现。
3. 实时多人协作
类似在线文档，多人同时进入同一个沙箱实时联机写代码、共用终端，适合团队原型开发、线上代码面试、课程实训。
主流使用场景
- 前端快速原型：临时验证组件、算法、新 API，不用本地新建脚手架；
- 技术写作 / 教学：教程、文档、公开课插入可交互 Demo；
- BUG 复现：给开源项目提 issue 时附沙箱链接，快速复现问题；
- 面试考核：在线实时写代码面试，省去配置环境麻烦；
- 开源协作：在线 fork 项目修改、提交代码，快速参与开源贡献。
sandpack
- vue3实现：https://github.com/jerrywu001/sandpack-vue3
- vitepress实现：https://github.com/jerrywu001/vitepress-plugin-sandpack