核心功能
StackBlitz 是基于 WebContainers 的云端 IDE:Node.js 直接在浏览器标签内以 WebAssembly 运行,无需远端服务器,毫秒级启动、支持离线开发与完整 npm、终端、调试体验。免费档可开公有项目与 GitHub 仓库,付费解锁私有项目与本地后端连接,其 AI 构建器 Bolt 支持一句话生成并运行全栈应用。
功能亮点
浏览器容器
npm 安装、构建与开发服务器全在浏览器标签内执行
即开即用
从模板或 GitHub 仓库一键打开完整 IDE,免安装免配置
永不掉线
部署的应用不休眠、无带宽限制,链接可随时分享
AI 构建器
Bolt 用一句提示词生成全栈应用并实时运行,失败自动修复
自定义模型 / 模型接入
多厂商(Bolt)
核心 IDE 不暴露模型配置;AI 构建器 Bolt 默认 Claude,界面可切换 GPT、Gemini 等。免费档每月 100 万 token,Pro 每月 1000 万 token。
接入方式
- Bolt 界面模型选择器切换 Claude、GPT、Gemini
- bolt.diy 开源分支可配任意模型 API key
- 免费档每月 100 万 token,Pro 1000 万
- 核心 IDE 无模型配置入口,纯编辑不耗 token
支持模型
Anthropic ClaudeOpenAI GPTGoogle GeminiBolt 免费 100 万 token/月Pro 1000 万 token/月
适用场景
• 无需本地环境快速演示前端项目
• GitHub 的 PR、issue 一键打开审查
• 技术文档内嵌可运行示例
• 教学与面试题环境即开即用
安装配置
纯网页 SaaS:访问 https://stackblitz.com 用 GitHub 登录,点击 New Project 或从仓库、模板创建,无需安装任何本地软件
使用方法
用 GitHub 登录后 New Project 选框架模板,或粘贴仓库 URL 一键打开;在浏览器 IDE 中编辑代码、跑终端、看实时预览;调试用内置 Chrome DevTools;AI 场景进 bolt.new 用提示词生成并实时运行应用。
关键指标
尚未核验对标产品,此处只列本工具自身指标,不做对比结论。
指标StackBlitz
价格免费增值
开源否
上手难度入门
Token 消耗高
相关工具
优点
- 启动速度与安全性远超传统云 IDE
- 真正浏览器内运行 Node.js,可离线
- 免费档功能完整,适合个人使用
- 与 GitHub、Bolt 生态联动强
缺点
- 浏览器容器有内存上限,大工程易受限
- 无法运行 Xcode、Android Studio 等原生构建
- 私有项目与团队功能需付费