无限公开沙盒,浏览器里直接跑 React/Vue 全栈

——CodeSandbox 免费版真实额度核实

壹贰线报 · 官方定价页核实 · 2026 年 11 月

一、写在前面:浏览器里一键起项目,到底能用到什么程度?

做前端原型、分享 bug 复现、带新人、AI Agent 执行代码,CodeSandbox 是绕不开的名字。很多开发者对它的印象还停在"打开浏览器就能写 React、一跑就能看",但 2024 年改 CDE(Cloud Development Environment)+ 2024-05 调整免费档之后,免费规则已经变了。

这次我们对照 CodeSandbox 官方 changelog 与 pricing 页,把免费档的"无限"边界、VM 额度、协作人数、AI 补全、部署能力一次说清楚。


二、先更正一个最容易被误读的点

"无限公开沙盒"是真的,但"无限用 VM 资源"不是。

很多教程把 CodeSandbox 宣传成"随便跑、随便搭、随便部署",但官方在 2024 年就把产品拆成了两层:

  • Browser Sandboxes(浏览器沙盒):跑在浏览器里的轻量沙盒,前端静态+轻 Node 为主,不限数量;

  • VM Sandboxes(虚拟机沙盒,原 Devbox):跑在 Firecracker microVM 上的完整 Linux 环境,支持后端、Docker、全栈项目,受 VM credits 约束。

所以你看到的"unlimited"只覆盖浏览器沙盒;真正能跑 Docker、跑数据库、跑后端服务的 VM 沙盒,是按 VM 小时数算的。


三、CodeSandbox 免费版(Build / Free 档)真实额度表

维度

免费档实际规则

公开沙盒(Browser Sandbox)

无限个

私有沙盒(Private Sandboxes)

5 个(2024-05 起从 3 上调到 5)

工作区成员

最多 5 人

VM Sandbox 运行额度

160 小时/月 VM credits(Free 版默认;浏览器沙盒不扣)

VM 规格上限

4 vCPU + 8 GiB RAM(Pro 最高 16vCPU+32GB,Enterprise 64vCPU+128GB)

VM 并发上限

10 个并发 VM Sandboxes(SDK Lite 限制)

单 VM 存储上限

20 GB

AI 代码补全(Codeium)

100 次/月(Pro 无限)

AI Assistant(对话式助手)

免费档有(2024-01 CDE 公告)

实时协作(Live Sessions)

多人实时编辑 + 评论 + 光标同步,链接分享

预构建(Prebuilds)

支持(绑定 GitHub 仓库后按分支自动拉起 VM)

部署预览(Deployment Previews)

仓库分支自动产生可访问 URL

VS Code 扩展 / VS Code Desktop

支持(VS Code for the Web + 官方扩展)

Docker 支持

VM 沙盒内可用(Docker-in-Docker)

端口转发

VM 沙盒支持,可共享临时 HTTPS 域名

私有 NPM 包

免费档支持

SDK Lite

提供,可编程创建/管理沙盒(限 10 并发 VM)

手动休眠

编辑器菜单可一键关闭 VM 省 credits

GitHub 同步 / 导入 / 导出

双向支持

嵌入式分享(iFrame/Embedly)

支持

模板数量

100+ 官方模板(React+Vite、Next.js、Vue+Vite、Nuxt、SvelteKit、Angular、Remix、Gatsby、Astro、Deno、Vanilla 等)

结论:"基于浏览器、无限公开沙盒、HMR、NPM、GitHub 同步、实时协作"——用户给的这些点全部属实,但"完整 Linux 环境、Docker、全栈、端口转发"这几项只有在 VM Sandbox 里能用,并且要消耗 160 小时/月的 VM credits。


四、6 项真正免费可用的核心能力

1. 浏览器一键启动,100+ 框架 HMR 开箱即用

React + Vite、Vue + Vite、Next.js、SvelteKit、Nuxt、Angular、Remix、Astro、Gatsby、Deno、Vanilla JS、TypeScript…点一下模板地址栏直接开写,HMR 秒级刷新,连 npm install 都不用本地敲。

2. 实时多人协作,像 Google Docs 一样写代码

生成一条 share 链接,发给任何人就能进同一个 live session:多人光标、实时编辑、评论、共享终端、共享预览。免费档最多 5 人一个 workspace,日常小团队 demo / 教学完全够。

3. GitHub 双向同步 + 部署预览

Connect 一个 GitHub 仓库,每次 push / PR 自动起 VM、生成可访问的临时预览 URL(Deployment Preview),前端 PR review 不用再本地跑。

4. VM 沙盒支持 Docker + 全栈

VM Sandbox 内可以启动 Node、Python、Go,也可以 docker-compose 起 Redis/Postgres/Nginx,端口转发后直接分享可访问链接——这是免费档真正"能干活"的部分。

5. CodeSandbox SDK Lite,给 AI Agent 做代码沙盒

2025 年发布的 SDK 在免费档已经能用,可以程序化创建 VM Sandbox、在隔离环境执行不可信代码,给 AI Agent 做代码解释器 / CI Runner / 编码 Agent;免费档 10 并发 VM 对个人项目够用。

6. 嵌入式分享 + 生态对接

沙盒可以 iFrame 嵌到博客、文档、Notion、Medium,也支持 Embedly;开源组件 Sandpack(CodeSandbox 自家开源的浏览器 bundler)还能自己嵌 live 代码到文档。


五、3 个免费档一定要避开的坑

避坑 1:VM credits 会用完,不是真"无限"

免费档 160 小时/月 credits 只在 VM Sandbox 消耗,浏览器沙盒不扣。VM 空闲默认会自动休眠(具体超时可在设置里调),养成随手手动休眠的习惯最省 credits(编辑器菜单里有 Hibernate 选项)。用完当月额度,VM 类沙盒起不来,浏览器沙盒不受影响。

避坑 2:私有沙盒只有 5 个,不是私有项目无限

公开沙盒无限,但私有项目(不公开的仓库、不公开的 sandbox)全 workspace 只有 5 个额度。超出要么公开,要么升级 Pro($9/workspace/月起,20 成员)。

避坑 3:浏览器沙盒 ≠ 完整 Linux

浏览器沙盒里没有 root、没有 Docker、不能随便装系统包,它是 bundler 沙盒,跑前端 demo 非常快,但真要跑后端、数据库、自定义二进制必须切到 VM Sandbox——后者才有完整 Linux 环境。

另外:CodeSandbox 在国内访问 codesandbox.io 偶有抽风(Cloudflare 校验、跨境延迟),做正式项目时记得本地或 Cloud IDE 备一份,别把它当成唯一开发环境。


六、哪些人该用、哪些人别用

适合用的场景:

  • 前端原型、Demo、bug 复现,分享给同事/社区/Stack Overflow

  • 教学、带新人、技术分享做 live coding

  • GitHub PR 做部署预览,review 前端改动

  • AI Agent / 低代码工具需要安全的代码执行沙盒(用 SDK Lite)

  • 临时跑一下别人的开源仓库,不想污染本地环境

不太适合的场景:

  • 长期主力开发机(VM credits 不够、并发只有 10、国内网络不稳)

  • 私有项目数量多(免费只 5 个私有沙盒)

  • 重度 AI 补全依赖(免费每月仅 100 次 Codeium,重度用几乎秒没)

  • 跑生产级后端、定时任务、需要 24h 在线的服务(沙盒空闲会休眠,不是服务器)


七、4 步上手,免费就能跑起来

  1. 打开 codesandbox.io → Sign in with GitHub,秒注册(无需绑卡、无需付费)。

  2. 点 New Sandbox → 选一个模板(React+Vite / Vue+Vite / Next.js / SvelteKit / Vanilla 等)。

  3. 写完点右上角 Share → 复制链接发给任何人,或点 Live 开启协作会话邀请协作者;需要全栈能力就 Open in Devbox/VM 切换到 VM 沙盒。

  4. 要接入自己的项目,点 Import Project → 授权 GitHub 仓库,每一次 PR 会自动生成 Deployment Preview 链接。


八、横向对比:CodeSandbox vs 其他浏览器 IDE 免费档

平台

公开沙盒

私有项目

全栈/Docker

协作

AI 补全

备注

CodeSandbox Free

无限

5 个

VM Docker(160h/月)

5 人实时

100 次/月 Codeium

100+ 模板、SDK Lite、部署预览

StackBlitz Free

无限公开

有限私有

WebContainers(浏览器内 Node)

实时

有限

主打 WebContainers,浏览器内跑 Node

CodePen Free

无限公开 Pens

有限私有

无

无实时共编

无

前端小 demo 为主

JSFiddle

无限公开

无私有

无

无

无

最老牌、最轻量

Replit Free

公开 Repl 不限

有限私有

有 VM(计算额度)

有限

有 Replit AI 限额

教育/通用语言


你平时用 CodeSandbox 做什么?是跑前端 demo、PR 预览,还是真的拿来当主力云开发机?有没有被 160 小时 VM credits 卡过脖子?

文中价格与规则以 CodeSandbox 官方 Pricing 页与 Changelog 为准(核实时点:2026 年 11 月;CodeSandbox 官方 Changelog 2024-05-31 与 2024-01-30 CDE 发布公告)。

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。