Vibecoding 开发环境
AI 编程环境及其关联--编辑器、智能体、运行时、协议以及背后的模型。
关联关系
扩展
智能体 CLI
云端智能体
Nimbalyst
- 🧠驱动模型Claude Code
- 🧠驱动模型OpenAI Codex
- 🔌通过连接MCP
Windsurf
- 🧱基于VS Code
- 🧠驱动模型Claude Opus Latest
- 🔌通过连接MCP
- 🧠驱动模型Claude Opus 4.6
- 🧠驱动模型GPT-4o-mini Search Preview
Warp
- 🧠驱动模型Claude Opus Latest
- 🧠驱动模型GPT-5.2 Pro
- 🔌通过连接MCP
- 🔌通过连接Claude Code
- 🔌通过连接OpenAI Codex
- 🧠驱动模型Claude Opus 4.6
- 🔀路由经由OpenRouter
- 💻本地运行时Ollama
Zed
- 🧠驱动模型Claude Opus Latest
- 🧠驱动模型OpenAI GPT Mini Latest
- 🔌通过连接MCP
- 💻本地运行时Ollama
- 🧠驱动模型Claude Opus 4.6
- 🧠驱动模型OpenAI GPT Latest
- 🔀路由经由OpenRouter
对比
| 资源 | |||||||
|---|---|---|---|---|---|---|---|
AI Code Reviews | CodeRabbit | Try for Free | 云端智能体 | - | Claude Opus 4.6 | MCP | - | 免费增值 | |
| Aide | AI 编辑器(分支) | VS Code | Claude Opus Latest | - | Ollama | 免费增值 | |
| Aider | 智能体 CLI | - | Claude Opus Latest | MCP | Ollama | 开源 | |
Backgrind | 智能体 CLI | - | Claude Opus 4.7 (Fast) | Claude Code | - | 免费增值 | |
Base44 | 云端智能体 | - | Claude Opus 4.6 | MCP | - | 免费增值 | |
Blackbox AI | 扩展 | - | Claude Opus Latest | - | - | 付费 | |
Bolt.new | 云端智能体 | - | Claude Opus Latest | MCP | - | 免费增值 | |
| 云端智能体 | - | Claude Opus 4.6 | MCP | - | 免费增值 | ||
CC Switch | 扩展 | - | - | - | - | 开源 | |
Charlie Labs | 云端智能体 | - | GPT-5.2 Pro | GitHub Copilot | - | 免费增值 | |
Claude Code | 智能体 CLI | - | Claude Opus Latest | MCP | Ollama | 付费 | |
Cline | 扩展 | - | Claude Opus Latest | MCP | Ollama | 开源 | |
CodeAnt AI | 扩展 | - | - | - | - | 免费增值 | |
Codebuff | 智能体 CLI | - | Claude Opus Latest | MCP | - | 付费 | |
CodeGPT | 扩展 | - | OpenAI GPT Latest | MCP | Ollama | 免费增值 | |
| CodeGraph | 智能体 CLI | - | - | MCP | - | 开源 | |
| 扩展 | - | Claude Opus Latest | MCP | - | 免费 | ||
| 智能体 CLI | - | Claude Code | MCP | - | 免费 | ||
| Continue | 扩展 | - | Anthropic Claude Haiku Latest | MCP | Ollama | 开源 | |
Cursor | AI 编辑器(分支) | VS Code | Claude Opus Latest | MCP | - | 免费增值 | |
Deep Work Plan | 智能体 CLI | - | - | Claude Code | - | 开源 | |
Devika AI | 智能体 CLI | - | Claude Opus Latest | - | Ollama | 开源 | |
Devin | 云端智能体 | - | Claude Opus Latest | MCP | - | 付费 | |
E2B | 本地运行时 | - | - | MCP | - | 免费增值 | |
Factory.ai | 云端智能体 | - | Claude Opus Latest | MCP | - | 免费增值 | |
| 云端智能体 | - | Gemini 1.5 Flash | MCP | - | 免费增值 | ||
| 智能体 CLI | - | Gemini 1.5 Flash | MCP | - | 开源 | ||
GitHub | 扩展 | - | OpenAI GPT Mini Latest | MCP | - | 免费增值 | |
GitHub Copilot | 扩展 | - | GPT-5.2 Pro | MCP | - | 付费 | |
| 智能体 CLI | - | - | GitHub Copilot | - | 开源 | ||
| 扩展 | - | Gemini 1.5 Flash | MCP | - | 免费增值 | ||
Goose | 智能体 CLI | - | Claude Opus 4.6 | MCP | Ollama | 开源 | |
Graphify | 智能体 CLI | - | Claude Opus 4.6 | MCP | - | 开源 | |
Greptile | 云端智能体 | - | Claude Opus 4.6 | MCP | - | 免费增值 | |
Kilo | 扩展 | Cline | Claude Opus Latest | MCP | Ollama | 开源 | |
Kiro | AI 编辑器(分支) | VS Code | Claude Opus Latest | MCP | - | 付费 | |
LambdaTest KaneAI | 云端智能体 | - | OpenAI GPT Latest | MCP | - | 免费增值 | |
| 云端智能体 | - | OpenAI GPT Latest | MCP | - | 开源 | ||
LM Studio | 本地运行时 | - | - | MCP | - | 免费 | |
Lovable | 云端智能体 | - | Claude Opus Latest | MCP | - | 免费增值 | |
Magic | 云端智能体 | - | - | - | - | 免费增值 | |
Marblism | 云端智能体 | - | Claude Opus Latest | - | - | 付费 | - |
| 智能体 CLI | - | OpenAI GPT Latest | MCP | Ollama | 免费增值 | ||
MightyBot | 云端智能体 | - | - | - | - | 免费增值 | |
Morph | 本地运行时 | - | Claude Opus Latest | MCP | - | 免费增值 | |
Nimbalyst | IDE / 编辑器 | - | Claude Code | MCP | - | 开源 | |
NxCode | 云端智能体 | - | Claude Opus 4.7 (Fast) | - | - | 免费增值 | |
Ollama | 本地运行时 | - | Llama 3.1 405B | MCP | - | 免费增值 | |
| Onlook | IDE / 编辑器 | - | Claude Opus Latest | - | - | 开源 | |
| OpenAI Codex | 云端智能体 | - | GPT-5.2 Pro | MCP | Ollama | 免费增值 | |
OpenCode | 智能体 CLI | - | Claude Opus Latest | MCP | Ollama | 开源 | |
PearAI | AI 编辑器(分支) | VS Code | Claude Opus 4.6 | MCP | Ollama | 免费 | |
Pieces for Developers | 扩展 | - | OpenAI GPT Mini Latest | MCP | Ollama | 免费增值 | |
| Pythagora | 扩展 | - | GPT-4.1 | - | Ollama | 免费增值 | |
Qoder | IDE / 编辑器 | VS Code | Claude Opus Latest | MCP | - | 免费 | |
Qodo | 扩展 | - | Claude Opus Latest | MCP | - | 免费增值 | |
Refact.ai AI Coding Assistant | Fine-tuned, Secure, and Open-source | 扩展 | - | Claude Opus Latest | MCP | - | 免费增值 | |
Replit AI | 云端智能体 | - | Claude Opus Latest | MCP | - | 免费增值 | |
Roomote | 扩展 | Cline | Claude Opus Latest | GitHub Copilot | Ollama | 免费增值 | |
Supermaven | 扩展 | - | GPT-4o-mini Search Preview | - | - | 免费增值 | |
| Sweep AI | 扩展 | - | - | MCP | - | 免费增值 | |
| Tabby | 本地运行时 | - | Claude Opus 4.6 | MCP | Ollama | 开源 | |
| Tabnine | 扩展 | - | Claude Opus Latest | MCP | - | 免费增值 | |
Tempo | 云端智能体 | - | Claude Opus Latest | MCP | - | 免费增值 | |
Tessl | 智能体 CLI | - | Claude Opus Latest | MCP | - | 免费增值 | |
The copilot era is over | Cosine AI | 云端智能体 | - | GPT-4o-mini Search Preview | MCP | - | 付费 | |
Traycer | 扩展 | - | - | Claude Code | - | 免费增值 | |
| 云端智能体 | - | Mistral 7B Instruct v0.1 | MCP | - | 免费增值 | ||
| Verdent | 扩展 | - | Claude Opus Latest | MCP | - | 免费增值 | |
| 云端智能体 | - | Claude Opus Latest | - | - | 免费增值 | ||
| AI 编辑器(分支) | VS Code | Claude Opus Latest | - | Ollama | 开源 | ||
VS Code | IDE / 编辑器 | - | GitHub Copilot | MCP | Ollama | 开源 | |
Warp | IDE / 编辑器 | - | Claude Opus Latest | MCP | Ollama | 免费增值 | |
| Windsurf | IDE / 编辑器 | VS Code | Claude Opus Latest | MCP | - | 免费增值 | |
Zed | IDE / 编辑器 | - | Claude Opus Latest | MCP | Ollama | 免费增值 | |
Zencoder | 扩展 | - | Claude Opus Latest | MCP | Ollama | 免费增值 |
资源:📄文档📘指南🎓课程
Vibecoding 工具
本页汇集 AI 编程环境(vibecoding),并展示它们如何相互关联--帮助你选择技术栈并了解其底层支撑。
- •结构图--按层级分组:编辑器/IDE、AI 分支、扩展、智能体 CLI、云端智能体和本地运行时。
- •关联--每个工具基于什么、由哪个模型驱动、使用哪种协议(MCP)、可用的本地运行时和路由。
- •对比--以表格并列展示相同信息,并附文档、指南和课程链接。
关键术语
- IDE / 编辑器--你编写代码的地方(VS Code、Zed)。
- 分支--围绕 AI 重构的编辑器(Cursor、Windsurf)。
- 扩展--现有编辑器的 AI 插件(Copilot、Cline)。
- 智能体 CLI--终端中的 AI 智能体(Claude Code、Codex、Aider)。
- 云端智能体--在浏览器/云端运行(Bolt、v0、Replit)。
- 运行时--在本地运行模型(Ollama)。
- MCP--模型上下文协议,连接智能体与工具和数据。
- 路由--在多个模型间分发请求(OpenRouter)。
🚀 学习编程的最佳方式就是动手--打开其中一个工具,开始写你自己的项目。从小处着手,做出来,再迭代。
Key terms
- Commit
- - saving a set of changes to the project history.
- Push
- - uploading your commits to a remote repository (GitHub).
- Pull Request (PR)
- - a request to merge your changes into the main code.
- Merge
- - combining branches of code together.
- Branch
- - a parallel line of development.
- Repository (repo)
- - the storage for your project's code.
- Clone
- - a local copy of a repository.
- Deploy
- - publishing your app/site to the internet.
- Hosting
- - where your site lives (Vercel, Netlify).
- Build
- - compiling the project into a ready-to-run form.
- CI/CD
- - automatic build and deployment pipeline.
- .env / env vars
- - secrets and settings kept out of the code.
- API key
- - credential to access an external service.
- Frontend / Backend
- - the client side / the server side.
- Terminal / CLI
- - the command line where you run tools.
💡
Tip: build & deploy a site as a beginner
A simple path from idea to a live website using AI tools:
- 1Pick an environment - Cursor, Windsurf or VS Code + Claude Code - and describe your idea.
- 2Generate the project (e.g. on Next.js) and run it locally to check it works.
- 3Put the code on GitHub: commit → push.
- 4Deploy for free on Vercel or Netlify - connect the repo and it publishes automatically.
⚡ No-setup quick start: Bolt.new, v0, Lovable or Replit build and host in the browser.
We only focus your attention and give you starting points. To actually begin a project, ask your AI chat directly - it will give you precise, detailed and personal instructions for implementing any of your ideas.


Nimbalyst
Warp
Zed
VS Code
Qoder
PearAI
Kiro
Cursor
Pieces for Developers
GitHub
Traycer
CC Switch
Supermaven
CodeGPT
Blackbox AI
Kilo
CodeAnt AI
Roomote
Qodo
Cline
GitHub Copilot
Zencoder
Refact.ai AI Coding Assistant | Fine-tuned, Secure, and Open-source
Tessl
Devika AI
Claude Code
Deep Work Plan
Graphify
Backgrind
OpenCode
Goose
Codebuff
Greptile
Replit AI
The copilot era is over | Cosine AI
Lovable
AI Code Reviews | CodeRabbit | Try for Free
Tempo
NxCode
Factory.ai
Charlie Labs
MightyBot
LambdaTest KaneAI
Marblism
Bolt.new
Base44
Devin
Magic
Morph
LM Studio
Ollama
E2B