# CodeSandbox

CodeSandbox 是一个云端开发环境和沙箱平台，支持通过浏览器、VS Code 或编程 SDK 进行构建、原型设计、协作和代码运行。现已加入 Together AI，其定位正逐渐演变为开发者工作区以及面向 AI Agent 的可扩展代码执行基础设施。

Canonical URL: https://aiidelist.com/zh/ide/codesandbox

Language: zh

更新日期: 2026-10-06

## 概览

- 分类: AI Cloud IDEs / Browser Dev Environments
- CodeSandbox 是一个云端开发环境和沙箱基础设施平台，专注于浏览器编程、协作开发以及大规模程序化代码执行。
- 编辑器基础: Browser
- 平台: Web browser, VS Code extension, iOS app, CodeSandbox SDK, Browser Sandboxes, VM Sandboxes, GitHub repositories, Storybook, Sandpack
- 开源: 否
- 本地模型支持: 否
- 自带 API 密钥: 否

## 简评

如果您需要可共享的云端开发环境、协作式浏览器编程或面向 AI Agent 的可扩展沙箱基础设施，请选择 CodeSandbox。如果追求浏览器原生 WebContainers，请选 StackBlitz；需要容器原生仓库工作流，选 GitHub Codespaces 或 Gitpod；若首要任务是 AI 提示词转应用，则选 Replit 或 Bolt.new。

## 适合场景

- 基于浏览器的编程
- 前端原型设计
- React、Vue、Angular 和 JavaScript 实验
- 可运行的文档
- 教学与工作坊
- 结对编程
- Bug 复现
- Storybook 组件游乐场
- AI Agent 代码执行
- 代码解释器基础设施
- 大规模开发环境
- 需要可共享云端工作区的团队

## 优点

- 快速、可共享的云端开发环境，无需本地配置。
- 同时支持轻量级浏览器沙箱和基于 VM 的开发环境。
- SDK 使其不仅适用于人类开发者，也适用于 AI Agent 代码执行。
- VS Code 扩展允许开发者在不离开本地编辑器 UI 的情况下使用 CodeSandbox。
- 实时协作和终端共享对教学、调试和结对工作非常有用。
- 企业级选项支持 SOC 2、专属支持、SSO 和独立集群。

## 局限

- 主要需要 AI 代码补全的开发者
- 寻找“提示词转应用”产品的用户
- 要求完全本地开发的团队
- 希望固定月费且无 VM 用量计费的组织
- 未进行 VM 规格和成本规划的超大型生产级单体仓库
- 需要完整 AI 原生代码编辑器体验的工作流
- 基于用量的 VM 额度比固定价格的 IDE 方案更难预测成本。
- 以 Web 和 JavaScript 工作流著称，尽管 VM 沙箱扩大了技术栈覆盖范围。
- 大规模生产级的 Agent 负载可能需要精细的成本和并发规划。
- 企业版和独立集群功能需要定制采购流程。
- 其本身并非主要的 AI 代码助手或“提示词转应用”构建器。
- 部分团队可能更倾向于 GitHub Codespaces、Gitpod 或本地开发容器，以获得更紧密的仓库原生工作流。

## 为什么选择 CodeSandbox？

当开发环境本身需要具备即时性、可共享性和隔离性时，CodeSandbox 是最理想的选择。它最初是一个对浏览器友好的 Web 应用原型设计工具，但目前的发展方向更为广阔：既是面向人类的云端开发环境（CDE），也是面向 AI Agent 和代码执行类产品的程序化沙箱基础设施。

这种结合使其区别于普通的浏览器 IDE。开发者仍可以用它来构建和分享项目，但平台团队也可以利用 CodeSandbox SDK 为大量用户、学生或智能体快速启动隔离环境。其核心价值在于减少环境搭建成本，同时保持每个执行上下文的相互独立。

## 核心工作流

对于人类开发者，实际工作流通常从沙箱、代码仓库或分支开始。开发者在浏览器或 VS Code 中打开它，运行任务、预览应用、共享环境，并通过实时会话和共享终端与团队成员协作。这在解决新人入职、Bug 复现或环境一致性问题时特别有效。

对于平台开发者，工作流则完全不同。应用程序或 AI 产品调用 SDK，创建隔离的沙箱，运行代码，捕获输出，派生（Fork）环境，并在工作完成后将其销毁。在这种场景下，CodeSandbox 不仅仅是一个开发工具，它是嵌入在大型产品内部的执行基础设施。

## 适用场景

CodeSandbox 适用于前端原型、可运行的示例、设计系统演示、Storybook 游乐场、工作坊、Bug 复现、教学环境以及基于浏览器的协作。它同样适合需要在隔离环境中安全运行生成代码的 AI 产品。

最佳使用场景通常具备两个特征：环境创建速度快，且隔离性至关重要。例如，老师为每个学生分配独立工作区，开发者支持团队复现 Bug，或者 AI Agent 在不触及生产机器的情况下测试生成的代码。

## 竞品对比

与 StackBlitz 相比，CodeSandbox 更倾向于云端和虚拟机（VM）架构，而 StackBlitz 通过 WebContainers 更侧重于浏览器原生运行。对于受支持的 JavaScript 工作流，StackBlitz 可能感觉更轻快；但在需要完整 VM 沙箱、SDK 驱动环境或可扩展隔离执行时，CodeSandbox 更具优势。

与 GitHub Codespaces 和 Gitpod 相比，CodeSandbox 与传统开发容器（Dev Container）工作流的绑定较少，更多围绕沙箱、预览、协作和 SDK 驱动创建。Codespaces 在 GitHub 原生开发方面表现强劲；Gitpod 擅长标准化的 CDE 运营；而 CodeSandbox 在可共享环境和 Agent/运行时场景中更胜一筹。

与 Replit 相比，CodeSandbox 更专注于基础设施和沙箱，而 Replit 作为一个应用构建、托管、学习和 AI 创作平台，覆盖面更广。与 Bolt.new 或 Lovable 相比，CodeSandbox 本质上不是一个“提示词转应用”的构建器，而是代码开启、运行、共享和执行的场所。

## 最佳配置建议

最佳实践始于选择正确的沙箱类型。**浏览器沙箱（Browser Sandboxes）**更适合轻量级 Web 原型和示例。**虚拟机沙箱（VM Sandboxes）**则更适合需要终端、服务器进程、数据库、自定义任务或重度依赖的项目。使用 SDK 工作流时，应围绕并发量、运行时间、VM 规格、休眠机制和额度消耗进行规划。

对于团队，建议定义项目隐私默认值、仓库权限、私有 npm 访问、任务设置和实时会话规范。对于 AI Agent 基础设施，需针对密钥、网络访问、用户数据、沙箱生命周期、快照和清理机制定义严格的边界。沙箱内运行的代码自主性越高，这些控制措施就越重要。

## 迁移建议

当代码仓库拥有清晰的安装、运行、测试和预览命令时，从本地项目迁移到 CodeSandbox 最为简单。建议先验证任务在 VM 沙箱中是否正常运行，然后添加环境变量、私有包访问权限和协作设置。对于仅限浏览器的示例，请保持依赖轻量化，并避免依赖完整 Linux 环境的假设。

从 CodeSandbox 迁出通常比较容易，因为项目本质上仍是标准代码。但团队应记录对平台的依赖项：如 VM 规格、任务配置、快照、分支、预览链接、私有 npm 设置、SDK 调用和协作链接。对于使用 SDK 的 AI 产品，迁移成本会更高，因为沙箱生命周期可能已成为产品架构的一部分。

## 功能

### 云端开发环境

- 为 Web 应用、代码仓库和原型创建可通过浏览器访问的开发环境。
- 运行浏览器沙箱进行轻量级前端实验。
- 运行 VM 沙箱以获得包含终端和服务器进程的完整开发环境。

### CodeSandbox SDK

- 通过编程方式大规模创建和管理隔离沙箱。
- 专为 AI Agent、代码解释器、代码游乐场和自动化执行工作流设计。
- 在 Scale 和 Enterprise 方案中支持高并发 VM 沙箱。

### 微型虚拟机基础设施

- 使用基于微型虚拟机（microVM）的快速环境进行隔离代码执行。
- 支持快速启动、快照、自动恢复和休眠工作流。
- 允许多个沙箱或智能体并行运行且互不干扰。

### 编辑器与协作

- 通过浏览器、VS Code 扩展或 iOS 应用使用 CodeSandbox。
- 实时会话允许团队成员在同一分支或 VM 沙箱中协作。
- 可共享实时终端，用于调试、演示和结对编程。

### 项目工作流

- 分支、任务、预览和仓库工作流支持真实的开发项目。
- 付费工作流支持私有项目和私有 npm 访问。
- GitHub 和仓库流有助于在云端开发与常规版本控制之间切换。

### 生态系统

- Sandpack 为嵌入式浏览器代码游乐场提供动力。
- Storybook 集成为组件 Story 提供实时代码游乐场。
- Together AI 集成将平台扩展至生成式 AI 和智能体基础设施领域。

## 价格

freemium

- Build: $0 — 月 — 免费版适用于学习和实验，包含 5 名成员、每月 VM 额度、私有沙箱、VS Code 扩展以及有限的 SDK 使用权限。
- Scale: $170 — 工作区/月 — 基于用量的订阅版，支持最多 20 名成员、更高的每月 VM 额度、按需购买额度、CodeSandbox SDK、更多 VM 规格和更高的并发限制。
- Enterprise: Custom — 定制化部署，支持无限成员、自定义并发、更高 VM 规格、专属支持、SOC 2 Type II 合规、可选 SSO 以及独立集群选项。
- VM Credits: $0.015 — 额度 — VM 额度用于 VM 沙箱运行；消耗量取决于 VM 规格和运行时间。
- Education / Open Source / Non-profit: Discounted — 为符合条件的教育、开源、社区和非营利项目提供特殊优惠或免费/低成本访问。

价格核对日期: 2026-06-14

## 隐私与数据处理

CodeSandbox 根据环境类型在浏览器或 VM 沙箱中运行项目。VM 沙箱在隔离环境中执行代码，可能涉及仓库内容、终端、包安装、预览、环境变量和协作会话。团队应避免在公共沙箱中暴露密钥，配置项目隐私，审查 GitHub 和 npm 权限，并针对敏感或受监管的工作负载评估企业版或独立集群选项。

## 企业功能

- 企业方案
- 无限成员
- 最高支持 64 vCPU 和 128 GiB RAM 的自定义 VM 规格
- 定制并发 VM 限制
- 自定义每小时请求限制
- 专属支持
- SOC 2 Type II 合规
- 可选 SSO
- 独立集群选项
- 私有项目
- 私有 npm 仓库支持
- 实时会话
- 通过 Together AI 讨论定制化部署

## 替代工具

- StackBlitz
- GitHub Codespaces
- Gitpod
- Replit
- Replit AI
- Bolt.new
- Codeanywhere
- Vercel Sandbox
- E2B
- Daytona
- Together Code Sandbox
- Cursor
- Windsurf

## 资料来源

- [官方网站](https://codesandbox.io/)
- [CodeSandbox 官网](https://codesandbox.io/)
- [CodeSandbox 价格页](https://codesandbox.io/pricing)
- [CodeSandbox 文档](https://codesandbox.io/docs)
- [CodeSandbox 订阅说明文档](https://codesandbox.io/docs/learn/plans/subscriptions)
- [CodeSandbox 按量计费说明](https://codesandbox.io/docs/learn/plans/usage-based-billing)
- [CodeSandbox 额度说明](https://codesandbox.io/docs/learn/credits-and-usage/credits)
- [CodeSandbox VS Code 扩展](https://marketplace.visualstudio.com/items?itemName=CodeSandbox-io.codesandbox-projects)
- [CodeSandbox SDK](https://codesandbox.io/docs/sdk)
- [Sandpack](https://sandpack.codesandbox.io/)
- [CodeSandbox GitHub 组织](https://github.com/codesandbox)
- [CodeSandbox 加入 Together AI 公告](https://codesandbox.io/blog/joining-together-ai-and-introducing-codesandbox-sdk)
- [Together Code Sandbox](https://www.together.ai/blog/code-sandbox)
- [统一的 CodeSandbox 体验](https://codesandbox.io/blog/a-unified-codesandbox-experience)

最近核对日期: 2026-06-14

## 更新记录

- 2026-06-14: 创建条目，涵盖 CodeSandbox 当前定位、Together AI 集成、Build/Scale/Enterprise 价格体系、VM 额度模型、SDK、微型虚拟机基础设施、浏览器与 VM 沙箱、VS Code 扩展以及 AI Agent 运行时使用场景。
