Vibecoding 开发环境
AI 编程环境及其关联--编辑器、智能体、运行时、协议以及背后的模型。
关联关系
IDE / 编辑器
扩展
Sweep AI
Codeium
Double
Supermaven
CC Switch
StackSpot AI
CodeGPT
Bito
PythagoraContinueAmazon Q
CodeAnt AI
Google Cloud
Pieces for Developers
Cline
Snyk
KiloTabnine
Roo Code
Qodo
GitHub CopilotKilo Code
Zencoder
Refact.ai
Faros AIDiffblue Cover
Sourcery
JetBrains AIMarsCodeAugment CodeSider
Codeflash
Blackbox AIAvantySonarQube
CodeiumDoubleSupermavenCC SwitchStackSpot AICodeGPTBitoPythagoraContinueAmazon QCodeAnt AIGoogle CloudPieces for DevelopersClineSnykKiloTabnineRoo CodeQodoGitHub CopilotKilo CodeZencoderRefact.aiFaros AIDiffblue CoverSourceryJetBrains AIMarsCodeAugment CodeSiderCodeflashBlackbox AIAvantySonarQube智能体 CLI
云端智能体
Axify
Replit AIEmergent
Plexicus
Cosine AI
v0 by Vercel
Databutton
DevinPolymet
Lovable
Graphite
VybePhind
Rork
Bolt.diy
LambdaTest KaneAI
Korbit
Google Stitch
Factory.ai
Superblocks
Builder.io
Softr
Greptile
Vibechat
MightyBot
NxCode
Roomote
OX Security
CodeRabbit
Retool
Langfuse
Marblism
Launchpad
PromptlessSentry
Mocha
DhiWise
Panto AI
Bolt.new
Tembo
Agenty
Playcode.io
Meticulous AI
Totalum
Base44
Dynatracex1
MagicOpenAI Codex
Cortex
Google Jules
Firebase Studio
GitLab
Sculptor
TeamDay.aiFigma Make
Sim
GitHubv0
Durable
CoderTryCase
Bubble
Wopee.io
Charlie Labs
Vibecode
Galileo AI
Tusk
UnblockedVisily
Traycer
AutoCoderFramer AI
CodeWPCodacy
PromptLayer
Kapa.ai
Replit AIEmergentPlexicusCosine AIDevinPolymetLovableGraphiteVybePhindRorkLambdaTest KaneAIKorbitGoogle StitchFactory.aiSuperblocksBuilder.ioSoftrGreptileVibechatMightyBotNxCodeOX SecurityCodeRabbitRetoolMarblismLaunchpadPromptlessSentryMochaDhiWisePanto AIBolt.newTemboAgentyPlaycode.ioMeticulous AITotalumBase44Dynatracex1MagicOpenAI CodexCortexGoogle JulesGitLabSculptorTeamDay.aiFigma MakeSimGitHubv0DurableCoderTryCaseBubbleWopee.ioCharlie LabsGalileo AITuskUnblockedVisilyTraycerAutoCoderFramer AICodeWPCodacyPromptLayerKapa.aiEclipse Theia
- 🔌通过连接MCP
- 💻本地运行时Ollama
- 🧠驱动模型OpenAI GPT Latest
- 🧠驱动模型Claude Opus 4.7 (Fast)
Nimbalyst
- 🧠驱动模型Claude Code
- 🧠驱动模型OpenAI Codex
- 🔌通过连接MCP
Tempo
- 🧠驱动模型Claude Opus Latest
- 🧠驱动模型GPT-4o-mini Search Preview
- 🔌通过连接MCP
- 🧠驱动模型Claude Opus 4.7 (Fast)
- 🧠驱动模型Gemini 3.1 Pro Preview
Warp
- 🧠驱动模型Claude Opus Latest
- 🧠驱动模型GPT-5.2 Pro
- 🔌通过连接MCP
- 🔌通过连接Claude Code
- 🔌通过连接OpenAI Codex
- 🧠驱动模型Claude Opus 4.6
- 🔀路由经由OpenRouter
- 💻本地运行时Ollama
对比
| 资源 | |||||||
|---|---|---|---|---|---|---|---|
 16x Prompt | 智能体 CLI | - | OpenAI GPT Latest | - | Ollama | 免费增值 | |
| Agenty | 云端智能体 | - | - | - | - | 免费增值 | |
| Aide | AI 编辑器（分支） | VS Code | Claude Opus Latest | - | Ollama | 免费增值 | |
| Aider | 智能体 CLI | - | Claude Opus Latest | MCP | Ollama | 开源 | |
| Amazon Q | 扩展 | - | - | MCP | - | 免费增值 | |
 Anything | 其他 | - | - | - | - | 免费增值 | - |
 Atlassian | 智能体 CLI | - | Claude Opus 4.7 (Fast) | MCP | - | 免费增值 | |
| Augment Code | 扩展 | - | Claude Opus 4.7 (Fast) | MCP | - | 付费 | |
| AutoCoder | 云端智能体 | - | - | - | - | 免费增值 | |
 AutoCodeRover | 智能体 CLI | - | GPT-4o Audio | - | - | 免费增值 | |
| Avanty | 扩展 | - | - | - | - | 免费增值 | |
| Axify | 云端智能体 | - | - | MCP | - | 付费 | |
 Backgrind | 智能体 CLI | - | Claude Opus 4.7 (Fast) | Claude Code | - | 免费增值 | |
| Base44 | 云端智能体 | - | Claude Opus 4.6 | MCP | - | 免费增值 | |
| Bito | 扩展 | - | Claude Opus 4.7 (Fast) | MCP | - | 免费增值 | |
| Blackbox AI | 扩展 | - | Claude Opus Latest | - | - | 付费 | |
| 云端智能体 | Bolt.new | OpenAI GPT Latest | MCP | Ollama | 开源 | ||
| Bolt.new | 云端智能体 | - | Claude Opus Latest | MCP | - | 免费增值 | |
| Bubble | 云端智能体 | - | Claude Opus 4.7 (Fast) | - | - | 免费增值 | |
| Builder.io | 云端智能体 | - | 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 | 开源 | |
| Codacy | 云端智能体 | - | OpenAI GPT Latest | MCP | - | 免费增值 | |
| CodeAnt AI | 扩展 | - | - | - | - | 免费增值 | |
 Codebuff | 智能体 CLI | - | Claude Opus Latest | MCP | - | 付费 | |
| Codeflash | 扩展 | - | Claude Opus 4.7 (Fast) | - | - | 免费增值 | |
| CodeGPT | 扩展 | - | OpenAI GPT Latest | MCP | Ollama | 免费增值 | |
| CodeGraph | 智能体 CLI | - | - | MCP | - | 开源 | |
| Codeium | 扩展 | - | Claude Opus Latest | MCP | - | 免费 | |
| Coder | 云端智能体 | - | Anthropic Claude Haiku Latest | MCP | - | 免费增值 | |
| CodeRabbit | 云端智能体 | - | Claude Opus 4.6 | MCP | - | 免费增值 | |
| CodeWP | 云端智能体 | - | - | - | - | 免费增值 | |
| 智能体 CLI | - | Claude Code | MCP | - | 免费 | ||
| Continue | 扩展 | - | Anthropic Claude Haiku Latest | MCP | Ollama | 开源 | |
 CopilotKit | 智能体 CLI | - | OpenAI GPT Latest | MCP | - | 免费增值 | |
| Cortex | 云端智能体 | - | - | MCP | - | 免费增值 | |
| Cosine | 智能体 CLI | - | - | - | - | 免费增值 | |
| Cosine AI | 云端智能体 | - | GPT-4o-mini Search Preview | MCP | - | 付费 | |
 Cursor | AI 编辑器（分支） | VS Code | Claude Opus Latest | MCP | - | 免费增值 | |
| 云端智能体 | - | Claude Opus 4.7 (Fast) | MCP | - | 免费增值 | - | |
 Daytona | 本地运行时 | - | - | MCP | - | 免费增值 | |
 Deep Work Plan | 智能体 CLI | - | - | Claude Code | - | 开源 | |
 Devika AI | 智能体 CLI | - | Claude Opus Latest | - | Ollama | 开源 | |
| Devin | 云端智能体 | - | Claude Opus Latest | MCP | - | 付费 | |
| DhiWise | 云端智能体 | - | - | - | - | 免费增值 | |
| Diffblue Cover | 扩展 | - | - | - | - | 付费 | |
| Double | 扩展 | - | Claude Opus 4.7 (Fast) | - | - | 免费增值 | |
| Durable | 云端智能体 | - | - | - | - | 免费增值 | |
| IDE / 编辑器 | - | OpenAI GPT Latest | MCP | Ollama | 免费增值 | ||
| Dynatrace | 云端智能体 | - | - | MCP | - | 免费增值 | |
 E2B | 本地运行时 | - | - | MCP | - | 免费增值 | |
| Eclipse Theia | IDE / 编辑器 | - | OpenAI GPT Latest | MCP | Ollama | 开源 | |
| Emergent | 云端智能体 | - | Claude Opus 4.7 (Fast) | MCP | - | 免费增值 | |
| Factory.ai | 云端智能体 | - | Claude Opus Latest | MCP | - | 免费增值 | |
| Faros AI | 扩展 | - | - | - | - | 免费增值 | |
| Figma Make | 云端智能体 | - | Claude Opus 4.7 (Fast) | MCP | - | 免费增值 | |
| 云端智能体 | - | Gemini 1.5 Flash | MCP | - | 免费增值 | ||
 Flexpilot IDE | AI 编辑器（分支） | VS Code | OpenAI GPT Latest | - | Ollama | 开源 | |
| Framer AI | 云端智能体 | - | Claude Opus 4.7 (Fast) | MCP | - | 免费增值 | |
| Galileo AI | 云端智能体 | - | - | OpenAI GPT Latest | - | 免费增值 | |
| 智能体 CLI | - | Gemini 1.5 Flash | MCP | - | 开源 | ||
 Genus AI | 其他 | - | - | - | - | 付费 | - |
| GitHub | 云端智能体 | - | OpenAI GPT Mini Latest | MCP | - | 免费增值 | |
| GitHub Copilot | 扩展 | - | GPT-5.2 Pro | MCP | - | 付费 | |
| 智能体 CLI | - | - | GitHub Copilot | - | 开源 | ||
| GitLab | 云端智能体 | - | Anthropic Claude Haiku Latest | MCP | - | 免费增值 | |
| Google Antigravity | IDE / 编辑器 | VS Code | Gemini 3.1 Pro Preview | MCP | Ollama | 免费 | |
| Google Cloud | 扩展 | - | Gemini 1.5 Flash | MCP | - | 免费增值 | |
| Google Jules | 云端智能体 | - | Gemini 2.5 Pro Preview 06-05 | GitHub | - | 免费增值 | |
| Google Stitch | 云端智能体 | - | Gemini 3.1 Pro Preview | MCP | - | 免费 | |
 Goose | 智能体 CLI | - | Claude Opus 4.6 | MCP | Ollama | 开源 | |
| gptme | 智能体 CLI | - | OpenAI GPT Latest | MCP | Ollama | 免费增值 | |
 Graphify | 智能体 CLI | - | Claude Opus 4.6 | MCP | - | 开源 | |
| Graphite | 云端智能体 | - | Claude Opus 4.7 (Fast) | MCP | - | 免费增值 | |
| Greptile | 云端智能体 | - | Claude Opus 4.6 | MCP | - | 免费增值 | |
| JetBrains | IDE / 编辑器 | - | Claude Opus 4 | MCP | Ollama | 免费增值 | |
| JetBrains AI | 扩展 | - | Claude Opus 4.7 (Fast) | MCP | Ollama | 免费增值 | |
 Junie | 智能体 CLI | - | Claude Opus 4.7 (Fast) | MCP | Ollama | 免费增值 | |
| Kapa.ai | 云端智能体 | - | - | - | - | 付费 | |
| Kilo | 扩展 | Cline | Claude Opus Latest | MCP | Ollama | 开源 | |
| Kilo Code | 扩展 | Cline | Claude Opus 4.7 (Fast) | MCP | Ollama | 开源 | |
| Kimi CLI | 智能体 CLI | - | Kimi K2 0711 | MCP | - | 免费增值 | |
 Kiro | AI 编辑器（分支） | VS Code | Claude Opus Latest | MCP | - | 付费 | |
| Kite | 其他 | - | - | - | - | 免费 | - |
| Korbit | 云端智能体 | - | - | GitHub | - | 付费 | |
| LambdaTest KaneAI | 云端智能体 | - | OpenAI GPT Latest | MCP | - | 免费增值 | |
 Langflow | IDE / 编辑器 | - | - | MCP | - | 免费增值 | |
| 云端智能体 | - | OpenAI GPT Latest | MCP | - | 开源 | ||
| Launchpad | 云端智能体 | - | Claude Opus 4.7 (Fast) | MCP | - | 免费增值 | |
 LM Studio | 本地运行时 | - | - | MCP | - | 免费 | |
| Lovable | 云端智能体 | - | Claude Opus Latest | MCP | - | 免费增值 | |
| Magic | 云端智能体 | - | Google Cloud | - | - | 免费增值 | |
| Marblism | 云端智能体 | - | Claude Opus Latest | - | - | 付费 | - |
| MarsCode | 扩展 | - | Doubao Pro 32K | - | - | 免费增值 | |
| 智能体 CLI | - | OpenAI GPT Latest | MCP | Ollama | 免费增值 | ||
| Meticulous AI | 云端智能体 | - | - | v0 by Vercel | - | 免费增值 | |
| MightyBot | 云端智能体 | - | - | - | - | 免费增值 | |
 Minimus AI | 本地运行时 | - | - | - | - | 免费增值 | - |
| Mocha | 云端智能体 | - | Claude Opus 4.7 (Fast) | - | - | 免费增值 | |
 Morph | 本地运行时 | - | Claude Opus Latest | MCP | - | 免费增值 | |
| MyCoder | 智能体 CLI | - | Claude Opus 4.7 (Fast) | MCP | Ollama | 免费增值 | |
 Nimbalyst | IDE / 编辑器 | - | Claude Code | MCP | - | 开源 | |
| NxCode | 云端智能体 | - | Claude Opus 4.7 (Fast) | - | - | 免费增值 | |
 Ollama | 本地运行时 | - | Llama 3.1 405B | MCP | - | 免费增值 | |
| Onlook | IDE / 编辑器 | - | Claude Opus Latest | - | - | 开源 | |
 Open Interpreter | 智能体 CLI | - | OpenAI GPT Latest | MCP | Ollama | 开源 | |
| OpenAI Codex | 云端智能体 | - | GPT-5.2 Pro | MCP | Ollama | 免费增值 | |
 OpenCode | 智能体 CLI | - | Claude Opus Latest | MCP | Ollama | 开源 | |
 Orca | IDE / 编辑器 | - | - | Claude Code | - | 免费 | |
| OX Security | 云端智能体 | - | - | MCP | - | 免费增值 | |
| Panto AI | 云端智能体 | - | OpenAI GPT Latest | - | - | 免费增值 | |
 PearAI | AI 编辑器（分支） | VS Code | Claude Opus 4.6 | MCP | Ollama | 免费 | |
| Phind | 云端智能体 | - | GPT-4o Audio | - | - | 免费增值 | |
| Pieces for Developers | 扩展 | - | OpenAI GPT Mini Latest | MCP | Ollama | 免费增值 | |
| Playcode.io | 云端智能体 | - | Claude Opus 4.7 (Fast) | - | - | 免费增值 | |
| Plexicus | 云端智能体 | - | OpenAI GPT Latest | GitHub | - | 免费增值 | |
| Polymet | 云端智能体 | - | Claude Opus 4.7 (Fast) | - | - | 免费增值 | |
 Poolside | 智能体 CLI | - | Laguna M.1 (free) | MCP | Ollama | 免费增值 | |
| PromptLayer | 云端智能体 | - | OpenAI GPT Latest | - | - | 免费增值 | |
| Promptless | 云端智能体 | - | - | GitHub | - | 免费增值 | - |
| Pythagora | 扩展 | - | GPT-4.1 | - | Ollama | 免费增值 | |
 Qoder | IDE / 编辑器 | VS Code | Claude Opus Latest | MCP | - | 免费 | |
| Qodo | 扩展 | - | Claude Opus Latest | MCP | - | 免费增值 | |
| Refact.ai | 扩展 | - | Claude Opus Latest | MCP | Ollama | 免费增值 | |
| Replit AI | 云端智能体 | - | Claude Opus Latest | MCP | - | 免费增值 | |
 Repomix | 智能体 CLI | - | - | - | - | 开源 | |
| Retool | 云端智能体 | - | OpenAI GPT Latest | MCP | - | 免费增值 | |
 Rivet | IDE / 编辑器 | - | - | - | - | 开源 | |
| Roo Code | 扩展 | Cline | Claude Opus Latest | GitHub Copilot | Ollama | 免费增值 | |
| 云端智能体 | - | - | - | - | 免费增值 | ||
| Rork | 云端智能体 | - | Claude Opus 4.7 (Fast) | - | - | 免费增值 | |
| Sculptor | 云端智能体 | - | Claude Opus 4.7 (Fast) | MCP | - | 免费增值 | |
| Semgrep | 智能体 CLI | - | Claude Opus 4.7 (Fast) | MCP | - | 开源 | |
| Sentry | 云端智能体 | - | Claude Opus 4.7 (Fast) | MCP | - | 免费增值 | |
| Sider | 扩展 | - | Claude Opus 4.7 (Fast) | - | - | 免费增值 | |
| Sim | 云端智能体 | - | OpenAI GPT Latest | MCP | Ollama | 开源 | |
| Snyk | 扩展 | - | - | MCP | - | 免费增值 | |
| Softr | 云端智能体 | - | GPT-4o Audio | - | - | 免费增值 | |
| SonarQube | 扩展 | - | GPT-4o Audio | MCP | Ollama | 免费增值 | |
| Sourcery | 扩展 | - | OpenAI GPT Latest | - | - | 免费增值 | |
 Specmatic | 智能体 CLI | - | - | - | - | 免费增值 | |
| StackSpot AI | 扩展 | - | OpenAI GPT Latest | - | - | 免费增值 | |
| Superblocks | 云端智能体 | - | Claude Opus 4.7 (Fast) | MCP | - | 免费增值 | |
| Supermaven | 扩展 | - | GPT-4o-mini Search Preview | - | - | 免费增值 | |
| Sweep AI | 扩展 | - | - | MCP | - | 免费增值 | |
| Tabby | 本地运行时 | - | Claude Opus 4.6 | MCP | Ollama | 开源 | |
| Tabnine | 扩展 | - | Claude Opus Latest | MCP | - | 免费增值 | |
| TeamDay.ai | 云端智能体 | - | Claude Opus 4 | MCP | - | 免费增值 | |
| Tembo | 云端智能体 | - | Claude Code | MCP | - | 免费增值 | |
 Tempo | IDE / 编辑器 | - | Claude Opus Latest | MCP | - | 免费增值 | |
 Tessl | IDE / 编辑器 | - | Claude Opus Latest | MCP | - | 免费增值 | |
| Totalum | 云端智能体 | - | - | MCP | - | 免费增值 | |
| Traycer | 云端智能体 | - | Claude Opus 4.7 (Fast) | Claude Code | - | 免费增值 | |
| TryCase | 云端智能体 | - | - | MCP | - | 免费增值 | |
| Tusk | 云端智能体 | - | Claude Opus 4.7 (Fast) | MCP | - | 免费增值 | |
| Unblocked | 云端智能体 | - | - | MCP | - | 免费增值 | |
| v0 | 云端智能体 | - | Claude Opus 4.7 (Fast) | MCP | - | 免费增值 | |
| 云端智能体 | - | Mistral 7B Instruct v0.1 | MCP | - | 免费增值 | ||
| Verdent | IDE / 编辑器 | - | Claude Opus Latest | MCP | - | 免费增值 | |
| Vibechat | 云端智能体 | - | - | - | - | 免费增值 | |
| 云端智能体 | - | Claude Opus Latest | - | - | 免费增值 | ||
| Visily | 云端智能体 | - | - | Figma AI | - | 免费增值 | |
| AI 编辑器（分支） | VS Code | Claude Opus Latest | MCP | Ollama | 开源 | ||
 VS Code | IDE / 编辑器 | - | GitHub Copilot | MCP | Ollama | 开源 | |
| Vybe | 云端智能体 | - | Claude Opus 4.7 (Fast) | - | - | 免费增值 | |
 Warp | IDE / 编辑器 | - | Claude Opus Latest | MCP | Ollama | 免费增值 | |
 Windsurf | IDE / 编辑器 | VS Code | Claude Opus Latest | MCP | - | 免费增值 | |
| Wopee.io | 云端智能体 | - | - | MCP | - | 免费增值 | |
| x1 | 云端智能体 | - | - | - | - | 免费增值 | - |
| ZCode | IDE / 编辑器 | - | - | MCP | Ollama | 免费增值 | |
 Zed | IDE / 编辑器 | - | Claude Opus Latest | MCP | Ollama | 免费增值 | |
| Zencoder | 扩展 | - | Claude Opus Latest | MCP | Ollama | 免费增值 | |
| Zylos | 智能体 CLI | - | Claude Code | - | - | 开源 |
资源:📄文档📘指南🎓课程
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.