CodeSandbox
浏览器里的完整前端工程环境
访问 CodeSandbox 更多 代码沙盒不只是单页 demo：完整的 npm 依赖、Webpack/Vite 构建、GitHub 同步，React/Vue/Angular 项目直接在浏览器里开发预览。
CodeSandbox 速览
| 官网 | https://codesandbox.io |
|---|---|
| 分类 | 代码沙盒 |
| 价格 | 部分免费 |
| 平台 | Web |
| 适合 | 复现前端框架 bug、做组件原型 |
主要功能
- 完整 npm 依赖支持
- React/Vue/Next 等模板
- 与 GitHub 双向同步
- 容器模式可跑后端
如何使用 CodeSandbox
- 选框架模板新建 Sandbox
- 在线编辑，依赖自动安装
- fork 到 GitHub 或直接部署预览
注意事项
- 免费档资源与私有项目数有限
- 冷启动安装依赖有时较慢
CodeSandbox 的替代品
StackBlitz部分免费
WebContainers：浏览器里跑 Node.js
代码沙盒CodePen部分免费
前端创意 playground 与社区
代码沙盒JSFiddle免费
老牌在线代码演示工具
代码沙盒标签
常见问题
和 StackBlitz 怎么选？
都很强；CodeSandbox 生态更成熟，StackBlitz 的 WebContainers 免后端。
能跑 Next.js 吗？
能，有官方模板，预览和部署都支持。
CodeSandbox 免费吗？
CodeSandbox 标注为 部分免费。订阅前请查看厂商自己的价格页面，因为套餐与限额会变动。
CodeSandbox 可以用什么代替？
以下是 代码沙盒 中做同类事情的其他工具。
CodeSandbox 是一款独立的第三方服务。ToolVault 收录它仅供参考，与厂商无任何关联；在依赖它之前，请到官网核实最新价格与条款。