TECHAGENT - MY AI LIFE

Vibecoding 开发环境

AI 编程环境及其关联--编辑器、智能体、运行时、协议以及背后的模型。

关联关系

Nimbalyst
Windsurf
Warp
Zed

对比

资源
AI Code Reviews | CodeRabbit | Try for Free云端智能体-Claude Opus 4.6MCP-免费增值
AideAI 编辑器(分支)VS CodeClaude Opus Latest-Ollama免费增值
Aider智能体 CLI-Claude Opus LatestMCPOllama开源
Backgrind智能体 CLI-Claude Opus 4.7 (Fast)Claude Code-免费增值
Base44云端智能体-Claude Opus 4.6MCP-免费增值
Blackbox AI扩展-Claude Opus Latest--付费
Bolt.new云端智能体-Claude Opus LatestMCP-免费增值
Builder.io云端智能体-Claude Opus 4.6MCP-免费增值
CC Switch扩展----开源
Charlie Labs云端智能体-GPT-5.2 ProGitHub Copilot-免费增值
Claude Code智能体 CLI-Claude Opus LatestMCPOllama付费
Cline扩展-Claude Opus LatestMCPOllama开源
CodeAnt AI扩展----免费增值
Codebuff智能体 CLI-Claude Opus LatestMCP-付费
CodeGPT扩展-OpenAI GPT LatestMCPOllama免费增值
CodeGraph智能体 CLI--MCP-开源
Codeium扩展-Claude Opus LatestMCP-免费
Conductor智能体 CLI-Claude CodeMCP-免费
Continue扩展-Anthropic Claude Haiku LatestMCPOllama开源
CursorAI 编辑器(分支)VS CodeClaude Opus LatestMCP-免费增值
Deep Work Plan智能体 CLI--Claude Code-开源
Devika AI智能体 CLI-Claude Opus Latest-Ollama开源
Devin云端智能体-Claude Opus LatestMCP-付费
E2B本地运行时--MCP-免费增值
Factory.ai云端智能体-Claude Opus LatestMCP-免费增值
Firebase Studio云端智能体-Gemini 1.5 FlashMCP-免费增值
Gemini CLI智能体 CLI-Gemini 1.5 FlashMCP-开源
GitHub扩展-OpenAI GPT Mini LatestMCP-免费增值
GitHub Copilot扩展-GPT-5.2 ProMCP-付费
GitHub Spec Kit智能体 CLI--GitHub Copilot-开源
Google Cloud扩展-Gemini 1.5 FlashMCP-免费增值
Goose智能体 CLI-Claude Opus 4.6MCPOllama开源
Graphify智能体 CLI-Claude Opus 4.6MCP-开源
Greptile云端智能体-Claude Opus 4.6MCP-免费增值
Kilo扩展ClineClaude Opus LatestMCPOllama开源
KiroAI 编辑器(分支)VS CodeClaude Opus LatestMCP-付费
LambdaTest KaneAI云端智能体-OpenAI GPT LatestMCP-免费增值
Langfuse云端智能体-OpenAI GPT LatestMCP-开源
LM Studio本地运行时--MCP-免费
Lovable云端智能体-Claude Opus LatestMCP-免费增值
Magic云端智能体----免费增值
Marblism云端智能体-Claude Opus Latest--付费
-
Mastra智能体 CLI-OpenAI GPT LatestMCPOllama免费增值
MightyBot云端智能体----免费增值
Morph本地运行时-Claude Opus LatestMCP-免费增值
NimbalystIDE / 编辑器-Claude CodeMCP-开源
NxCode云端智能体-Claude Opus 4.7 (Fast)--免费增值
Ollama本地运行时-Llama 3.1 405BMCP-免费增值
OnlookIDE / 编辑器-Claude Opus Latest--开源
OpenAI Codex云端智能体-GPT-5.2 ProMCPOllama免费增值
OpenCode智能体 CLI-Claude Opus LatestMCPOllama开源
PearAIAI 编辑器(分支)VS CodeClaude Opus 4.6MCPOllama免费
Pieces for Developers扩展-OpenAI GPT Mini LatestMCPOllama免费增值
Pythagora扩展-GPT-4.1-Ollama免费增值
QoderIDE / 编辑器VS CodeClaude Opus LatestMCP-免费
Qodo扩展-Claude Opus LatestMCP-免费增值
Refact.ai AI Coding Assistant | Fine-tuned, Secure, and Open-source扩展-Claude Opus LatestMCP-免费增值
Replit AI云端智能体-Claude Opus LatestMCP-免费增值
Roomote扩展ClineClaude Opus LatestGitHub CopilotOllama免费增值
Supermaven扩展-GPT-4o-mini Search Preview--免费增值
Sweep AI扩展--MCP-免费增值
Tabby本地运行时-Claude Opus 4.6MCPOllama开源
Tabnine扩展-Claude Opus LatestMCP-免费增值
Tempo云端智能体-Claude Opus LatestMCP-免费增值
Tessl智能体 CLI-Claude Opus LatestMCP-免费增值
The copilot era is over | Cosine AI云端智能体-GPT-4o-mini Search PreviewMCP-付费
Traycer扩展--Claude Code-免费增值
v0 by Vercel云端智能体-Mistral 7B Instruct v0.1MCP-免费增值
Verdent扩展-Claude Opus LatestMCP-免费增值
Vibecode云端智能体-Claude Opus Latest--免费增值
VoidAI 编辑器(分支)VS CodeClaude Opus Latest-Ollama开源
VS CodeIDE / 编辑器-GitHub CopilotMCPOllama开源
WarpIDE / 编辑器-Claude Opus LatestMCPOllama免费增值
WindsurfIDE / 编辑器VS CodeClaude Opus LatestMCP-免费增值
ZedIDE / 编辑器-Claude Opus LatestMCPOllama免费增值
Zencoder扩展-Claude Opus LatestMCPOllama免费增值
资源:📄文档📘指南🎓课程

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:

  1. 1Pick an environment - Cursor, Windsurf or VS Code + Claude Code - and describe your idea.
  2. 2Generate the project (e.g. on Next.js) and run it locally to check it works.
  3. 3Put the code on GitHub: commit → push.
  4. 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.