-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathcoding.html
More file actions
175 lines (161 loc) · 21.1 KB
/
coding.html
File metadata and controls
175 lines (161 loc) · 21.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<title>AI编码工具 · AI大模型全景</title>
<script>(function(){var k='ai-training-theme',p='t',t=null;try{var q=new URLSearchParams(location.search);t=q.get(p)||q.get('theme');if(t!=='light'&&t!=='dark')t=sessionStorage.getItem(k);if(t!=='light'&&t!=='dark')t=localStorage.getItem(k);if(t!=='light'&&t!=='dark'){var m=document.cookie.match(new RegExp('(?:^|; )'+k+'=([^;]*)'));t=m?decodeURIComponent(m[1]):'';}if(t==='light'||t==='dark'){document.documentElement.setAttribute('data-theme',t);document.documentElement.style.colorScheme=t;try{sessionStorage.setItem(k,t);localStorage.setItem(k,t);}catch(e){}}}catch(e){}})();</script>
<link rel="stylesheet" href="style.css">
<script src="theme.js"></script>
<script src="nav.js"></script>
<script src="search-data.js"></script>
<script src="search.js"></script>
<script src="toc.js"></script>
<script src="site.js"></script>
<script src="copy-blocks.js"></script>
<script src="data-sourcing.js"></script>
<script src="backtotop.js"></script>
</head>
<body>
<div class="hero">
<h1>💻 AI编码工具全集</h1>
<p>从IDE插件到CLI Agent——25+编程助手深度对比，帮你选对工具</p>
<div class="badges"><span class="badge">25+ 工具</span><span class="badge">价格对比</span><span class="badge">功能评测</span><span class="badge">场景选型</span></div>
</div>
<div class="page-wrap">
<div class="page-lead"><strong>本章定位：</strong>工具选型 + 工程向可复制提示词（<a href="#dev-prompts">#dev-prompts</a>）。SWE-bench 表下方自动标注核对日期与数据来源。</div>
<div class="sec-title">📊 主流AI编码工具TOP 15</div>
<div class="sec-sub">按综合实力与用户基数排序</div>
<div class="grid-2">
<div class="card"><div class="card-no">#1</div><div class="card-name">Cursor</div><div class="card-co"><a href="https://cursor.sh" target="_blank">cursor.sh</a> · Cursor Inc.</div><div class="card-desc">AI原生代码编辑器，基于VS Code改造。Composer实现跨文件多步修改，Tab补全预测下一步操作，Agent模式自主执行复杂重构。编程体验最佳，前端/后端开发首选。月$20。</div><div class="tags"><span class="tag">VSCode兼容</span><span class="tag-g tag">多文件编辑</span><span class="tag">Agent模式</span><span class="tag">200K上下文</span></div></div>
<div class="card"><div class="card-no">#2</div><div class="card-name">Claude Code</div><div class="card-co"><a href="https://anthropic.com" target="_blank">anthropic.com</a> · Anthropic</div><div class="card-desc">CLI原生编程Agent，深度集成Claude 3.7 Sonnet。SWE-bench Verified 49%得分，解决真实GitHub Issue能力最强。适合复杂工程/代码库重构。按量计费。</div><div class="tags"><span class="tag">CLI</span><span class="tag-g tag">SWE-bench 49%</span><span class="tag">自主执行</span></div></div>
<div class="card"><div class="card-no">#3</div><div class="card-name">GitHub Copilot</div><div class="card-co"><a href="https://github.com/features/copilot" target="_blank">github.com/copilot</a> · Microsoft</div><div class="card-desc">最成熟IDE插件，支持VS Code/JetBrains/Xcode。Copilot Chat+Workspace升级后体验大幅提升。企业用户超100万，生态最完善。Pro $10/月。</div><div class="tags"><span class="tag">VS Code</span><span class="tag">JetBrains</span><span class="tag">企业SSO</span><span class="tag">Xcode</span></div></div>
<div class="card"><div class="card-no">#4</div><div class="card-name">Windsurf (Codeium)</div><div class="card-co"><a href="https://codeium.com" target="_blank">codeium.com</a> · Codeium</div><div class="card-desc">Cascade流式多步代码生成，全项目上下文感知。个人免费版功能完整（代码补全+Chat），性价比极高。被誉"Cursor最强竞争者"。免费/Pro $15。</div><div class="tags"><span class="tag-g tag">免费可用</span><span class="tag">Cascade</span><span class="tag">全项目</span></div></div>
<div class="card"><div class="card-no">#5</div><div class="card-name">OpenAI Codex CLI</div><div class="card-co"><a href="https://openai.com" target="_blank">openai.com</a> · OpenAI</div><div class="card-desc">2025年发布CLI编程Agent，基于o4-mini模型，支持沙箱环境自主执行/测试/修复。与Claude Code直接竞争CLI Agent赛道。按量计费。</div><div class="tags"><span class="tag">CLI</span><span class="tag">沙箱</span><span class="tag">o4-mini</span></div></div>
<div class="card"><div class="card-no">#6</div><div class="card-name">Devin</div><div class="card-co"><a href="https://devin.ai" target="_blank">devin.ai</a> · Cognition AI</div><div class="card-desc">首个"AI软件工程师"，完全自主搜索/编码/调试/部署。适用完整任务自动化、项目搭建。号称能把时间还给开发者做更有价值的事。$500/月起。</div><div class="tags"><span class="tag">全自主</span><span class="tag-g tag">Agent</span><span class="tag">企业级</span></div></div>
<div class="card"><div class="card-no">#7</div><div class="card-name">Tabnine</div><div class="card-co"><a href="https://tabnine.com" target="_blank">tabnine.com</a> · Tabnine</div><div class="card-desc">老牌AI补全工具，支持本地私有化部署、代码不离机。支持自定义模型微调。金融/医疗等合规场景首选。Pro $12/月。</div><div class="tags"><span class="tag">私有化</span><span class="tag">合规</span><span class="tag">自定义模型</span></div></div>
<div class="card"><div class="card-no">#8</div><div class="card-name">通义灵码</div><div class="card-co"><a href="https://tongyi.aliyun.com/lingma" target="_blank">tongyi.aliyun.com</a> · 阿里云</div><div class="card-desc">阿里免费AI编程助手，基于Qwen系列。中文注释和国内框架（Spring Boot/Vue/微服务）适配最佳。完全免费不限量，国内开发者首选。免费。</div><div class="tags"><span class="tag-g tag">完全免费</span><span class="tag">中文优先</span><span class="tag">国内优化</span></div></div>
<div class="card"><div class="card-no">#9</div><div class="card-name">Bolt.new</div><div class="card-co"><a href="https://bolt.new" target="_blank">bolt.new</a> · StackBlitz</div><div class="card-desc">浏览器内全栈应用生成，一句话生成完整React/Vue项目并即时预览。无需本地环境，适合快速原型、最小可行产品(MVP)开发。</div><div class="tags"><span class="tag">Web IDE</span><span class="tag">即时预览</span><span class="tag">全栈生成</span></div></div>
<div class="card"><div class="card-no">#10</div><div class="card-name">Amazon Q Developer</div><div class="card-co"><a href="https://aws.amazon.com/q/developer" target="_blank">aws.amazon.com</a> · AWS</div><div class="card-desc">AWS生态编程助手，深度整合CodeWhisperer。内置安全扫描、IAM策略生成，AWS云原生开发必备。个人免费。</div><div class="tags"><span class="tag">AWS原生</span><span class="tag">安全扫描</span><span class="tag">云原生</span></div></div>
<div class="card"><div class="card-no">#11</div><div class="card-name">Continue.dev</div><div class="card-co"><a href="https://continue.dev" target="_blank">continue.dev</a> · 开源</div><div class="card-desc">开源AI编程插件，支持VS Code/JetBrains。可接入任意模型（本地/云端），完全自定义。开发者社区活跃，可自建AI编码栈。免费开源。</div><div class="tags"><span class="tag-g tag">开源免费</span><span class="tag">任意模型</span><span class="tag">可定制</span></div></div>
<div class="card"><div class="card-no">#12</div><div class="card-name">CodeGPT</div><div class="card-co"><a href="https://codegpt.com" target="_blank">codegpt.com</a> · CodeGPT</div><div class="card-desc">支持VS Code和JetBrains，统一管理多个模型(OpenAI/Claude/Gemini/DeepSeek)。适合需要灵活切换模型的工作流。Pro $15/月。</div><div class="tags"><span class="tag">多模型</span><span class="tag">IDE插件</span><span class="tag">灵活切换</span></div></div>
<div class="card"><div class="card-no">#13</div><div class="card-name">Aider</div><div class="card-co"><a href="https://aider.chat" target="_blank">aider.chat</a> · 开源</div><div class="card-desc">终端开源AI编程助手，直接操作Git仓库，支持自动commit。Map-and-Code技术让模型理解大型代码库。是CLI编程工具的自由开源自选。免费。</div><div class="tags"><span class="tag-g tag">开源</span><span class="tag">Git集成</span><span class="tag">CLI</span></div></div>
<div class="card"><div class="card-no">#14</div><div class="card-name">v0.dev</div><div class="card-co"><a href="https://v0.dev" target="_blank">v0.dev</a> · Vercel</div><div class="card-desc">Vercel出品的前端代码生成工具，专精生成React/Next.js组件。输入描述即可生成精美UI组件，前端开发者神器。免费/Pro $20。</div><div class="tags"><span class="tag">前端专用</span><span class="tag">React</span><span class="tag">Next.js</span></div></div>
<div class="card"><div class="card-no">#15</div><div class="card-name">Replit Agent</div><div class="card-co"><a href="https://replit.com" target="_blank">replit.com</a> · Replit</div><div class="card-desc">浏览器IDE内置AI Agent，写代码+部署一键完成。适合初学者快速学习编程和构建完整项目。$25/月。</div><div class="tags"><span class="tag">在线IDE</span><span class="tag">一键部署</span><span class="tag">学习友好</span></div></div>
</div>
<hr class="divider">
<div class="sec-title">📋 更多AI编码工具</div>
<div class="grid-3">
<div class="card"><div class="card-name" style="font-size:14px">Cody (Sourcegraph)</div><div class="card-co"><a href="https://sourcegraph.com/cody" target="_blank">sourcegraph.com</a></div><div class="card-desc">基于代码搜索的AI助手，理解整个代码仓库。Pro $9/月。</div></div>
<div class="card"><div class="card-name" style="font-size:14px">Ponicode</div><div class="card-co"><a href="https://ponicode.com" target="_blank">ponicode.com</a></div><div class="card-desc">专注单元测试自动生成，覆盖率提升利器。</div></div>
<div class="card"><div class="card-name" style="font-size:14px">MutableAI</div><div class="card-co"><a href="https://mutable.ai" target="_blank">mutable.ai</a></div><div class="card-desc">AI驱动代码重构和文档生成。</div></div>
<div class="card"><div class="card-name" style="font-size:14px">Sweep AI</div><div class="card-co"><a href="https://sweep.dev" target="_blank">sweep.dev</a></div><div class="card-desc">自动修复小的GitHub Issues和PR。</div></div>
<div class="card"><div class="card-name" style="font-size:14px">Cursorless</div><div class="card-co"><a href="https://github.com/cursorless-dev/cursorless" target="_blank">github · 开源</a></div><div class="card-desc">语音编程工具，用语音写代码。</div></div>
<div class="card"><div class="card-name" style="font-size:14px">OpenAI Canvas</div><div class="card-co"><a href="https://chatgpt.com" target="_blank">chatgpt.com</a></div><div class="card-desc">ChatGPT内置代码编辑器+AI对话。</div></div>
<div class="card"><div class="card-name" style="font-size:14px">Qodo (CodiumAI)</div><div class="card-co"><a href="https://qodo.ai" target="_blank">qodo.ai</a></div><div class="card-desc">代码质量+测试自动生成。</div></div>
<div class="card"><div class="card-name" style="font-size:14px">Google IDX</div><div class="card-co"><a href="https://idx.dev" target="_blank">idx.dev</a></div><div class="card-desc">Google Project IDX，AI云IDE。</div></div>
<div class="card"><div class="card-name" style="font-size:14px">Marscode</div><div class="card-co"><a href="https://marscode.com" target="_blank">marscode.com</a></div><div class="card-desc">字节出品，AI IDE浏览器可用。</div></div>
<div class="card"><div class="card-name" style="font-size:14px">GitHub Copilot Agent</div><div class="card-co"><a href="https://github.com" target="_blank">github.com</a></div><div class="card-desc">Copilot的Agent模式，自主执行。</div></div>
</div>
<hr class="divider">
<div class="sec-title" id="dev-prompts">📋 开发者可复制提示词</div>
<div class="sec-sub">用于 Cursor Rules、Code Review、提交说明生成</div>
<div class="dbox">
<h4>.cursorrules / AGENTS.md 片段</h4>
<div class="copy-block"><pre class="copy-block-body"># 项目约定
- 语言：TypeScript strict，禁止 any
- 框架：Next.js App Router
- 测试：Vitest，新功能需单测
- 提交：Conventional Commits
# 与 AI 协作
- 改代码前先说明影响文件与风险
- 大改分 PR 步骤，每步可独立运行
- 引用现有 utils/，不要重复造轮子</pre></div>
</div>
<div class="dbox">
<h4>Code Review 提示词</h4>
<div class="copy-block"><pre class="copy-block-body">你是资深工程师。审查以下 diff：
1. 正确性与边界情况
2. 安全（注入、鉴权、密钥）
3. 性能与可维护性
4. 测试是否充分
输出：P0/P1/P2 问题列表 + 每条建议修改方式。无问题则说明「LGTM」。</pre></div>
</div>
<div class="dbox">
<h4>根据 diff 生成 commit message</h4>
<div class="copy-block"><pre class="copy-block-body">根据 git diff 生成一条 Conventional Commits 英文标题（≤72 字符）和中文正文（3 条要点）。
格式：
feat(scope): title
- 要点1
- 要点2</pre></div>
</div>
<hr class="divider">
<div class="dbox">
<h3>🎯 开发者如何使用AI改造工作流</h3>
<div class="grid-3" style="margin-top:12px">
<div class="ci"><div class="ci-name">日常编码提效50-70%</div><div class="ci-note">Cursor + Claude Code 组合。先用Cursor写逻辑，复杂问题用Claude Code深入分析。</div></div>
<div class="ci"><div class="ci-name">代码审查+安全扫描</div><div class="ci-note">GitHub Copilot Code Review + Amazon Q安全扫描 + Qodo测试生成。</div></div>
<div class="ci"><div class="ci-name">快速原型+全栈开发</div><div class="ci-note">Bolt.new/Marscode生成前端原型 → Cursor写后端 → 通义灵码写中文注释。</div></div>
</div>
<div class="note" style="margin-top:16px">💡 <strong>核心思路：</strong>不要把AI当作万能钥匙，而是找到最适合你技术栈的工具组合。前端偏重Cursor/v0.dev，后端偏重Claude Code/Copilot，全栈偏重Bolt/Replit。</div>
</div>
<hr class="divider">
<div class="dbox">
<h3>📌 开发者拥抱AI的行动清单</h3>
<ul>
<li><strong>Day 1：</strong>安装Cursor/Windsurf/Copilot（三选一），每天至少用AI辅助写50行代码</li>
<li><strong>Week 1：</strong>学会用自然语言描述需求让AI生成代码框架、写单元测试</li>
<li><strong>Month 1：</strong>AI代理工具（Claude Code/Codex CLI）处理复杂任务——代码迁移、依赖升级、大型重构</li>
<li><strong>Month 3：</strong>用RAG+AI构建属于你团队的知识库，用AI Agent实现自动部署流水线</li>
<li><strong>Month 6：</strong>开发自己的AI衍生产品——行业Chat应用、AI代码审查工具、自动化运维机器人</li>
</ul>
<div class="tip">🎯 <strong>关键心态：</strong>AI时代程序员的核心竞争力不是写代码的速度，而是设计系统、拆解问题、指导AI的能力。从"写代码的人"变成"用代码解决问题的人"。</div>
</div>
<hr class="divider">
<div class="dbox">
<h3>📊 AI编程工具SWE-bench表现对比</h3>
<p>SWE-bench Verified是目前衡量AI自主解决真实软件问题的权威基准。以下为主要AI编程工具/模型的得分对比（2026年5月）：</p>
<div class="tbl-wrap" style="margin-top:12px">
<table>
<thead><tr><th>工具/模型</th><th>分数</th><th>类型</th><th>关键优势</th></tr></thead>
<tbody>
<tr><td><strong>Opus 4.7</strong></td><td><b style="color:var(--green)">87.6%</b></td><td>闭源模型</td><td>全能编程顶尖</td></tr>
<tr><td><strong>Claude Sonnet 4.6</strong></td><td><b style="color:var(--green)">82.0%</b></td><td>闭源模型</td><td>Sonnet性价比</td></tr>
<tr><td><strong>DeepSeek-V4-Pro</strong></td><td><b style="color:var(--green)">80.6%</b></td><td>开源模型</td><td>开源最高效</td></tr>
<tr><td><strong>Claude Opus 4.6</strong></td><td>80.8%</td><td>闭源模型</td><td>全栈编程</td></tr>
<tr><td><strong>DeepSeek-V4-Flash</strong></td><td>79.0%</td><td>开源模型</td><td>极速编码</td></tr>
<tr><td><strong>Qwen3.6 Plus</strong></td><td>78.8%</td><td>API</td><td>中文编程最佳</td></tr>
<tr><td><strong>GLM-5</strong></td><td>77.8%</td><td>API</td><td>国产编程新高度</td></tr>
<tr><td><strong>GPT-5.2</strong></td><td>76.3%</td><td>闭源模型</td><td>GPT编程稳定版</td></tr>
<tr><td><strong>Kimi K2.6</strong></td><td>80.2%</td><td>API</td><td>超长上下文编程</td></tr>
<tr><td><strong>Qwen3.5-27B</strong></td><td>72.4%</td><td>开源模型</td><td>可本地部署</td></tr>
</tbody>
</table>
</div>
<div class="note" style="margin-top:10px">💡 <strong>趋势解读：</strong>Anthropic在编程领域持续领先（Claude系列霸榜前三）；DeepSeek-V4成为开源编程最强选择；国产模型GLM-5/Qwen3.6编程能力大幅提升。</div>
</div>
<hr class="divider">
<div class="sec-title" id="subscription-pricing">💳 AI订阅服务价格对比</div>
<div class="sec-sub">每月花多少钱才能用好 AI？（对话 + 编码工具）</div>
<div class="tbl-wrap">
<table>
<thead><tr><th>服务</th><th>月费</th><th>核心能力</th><th>推荐指数</th><th>适合人群</th></tr></thead>
<tbody>
<tr><td><strong><a href="https://chatgpt.com" target="_blank">ChatGPT Plus</a></strong></td><td>$20 / ¥145</td><td>GPT-4o无限、GPT-4.1、DALL-E 3、代码解释器</td><td><b style="color:var(--green)">★★★★★</b></td><td>所有人首选</td></tr>
<tr><td><strong><a href="https://claude.ai" target="_blank">Claude Pro</a></strong></td><td>$20 / ¥145</td><td>Claude 3.7 Sonnet/Opus、100K上下文</td><td><b style="color:var(--green)">★★★★★</b></td><td>开发者/创作者</td></tr>
<tr><td><strong><a href="https://gemini.google" target="_blank">Gemini Advanced</a></strong></td><td>$20 / ¥145</td><td>Gemini 2.5 Pro、Google生态、200万Token</td><td><b style="color:var(--green)">★★★★☆</b></td><td>Google用户</td></tr>
<tr><td><strong><a href="https://github.com/features/copilot" target="_blank">GitHub Copilot</a></strong></td><td>$10 / ¥72</td><td>AI代码补全、Copilot Chat、代码审查</td><td><b style="color:var(--green)">★★★★★</b></td><td>开发者必备</td></tr>
<tr><td><strong><a href="https://cursor.sh" target="_blank">Cursor Pro</a></strong></td><td>$20 / ¥145</td><td>AI原生IDE、Composer、Agent模式</td><td><b style="color:var(--green)">★★★★★</b></td><td>开发者首选</td></tr>
<tr><td><strong><a href="https://midjourney.com" target="_blank">Midjourney</a></strong></td><td>$10-60 / ¥72-432</td><td>AI图像生成（艺术质量最高）</td><td><b style="color:var(--green)">★★★★☆</b></td><td>设计师/创作者</td></tr>
<tr><td><strong><a href="https://www.perplexity.ai" target="_blank">Perplexity Pro</a></strong></td><td>$20 / ¥145</td><td>AI搜索引擎+信息整合+深度研究</td><td><b style="color:var(--green)">★★★★☆</b></td><td>研究者/分析师</td></tr>
<tr><td><strong><a href="https://suno.ai" target="_blank">Suno AI</a></strong></td><td>$10 / ¥72</td><td>AI音乐生成（歌词+旋律+编曲）</td><td><b style="color:var(--yellow)">★★★☆☆</b></td><td>音乐创作者</td></tr>
<tr><td><strong><a href="https://runwayml.com" target="_blank">Runway Gen-3</a></strong></td><td>$15 / ¥108</td><td>AI视频生成+编辑</td><td><b style="color:var(--yellow)">★★★☆☆</b></td><td>视频创作者</td></tr>
<tr><td><strong><a href="https://klingai.kuaishou.com" target="_blank">可灵AI Kling</a></strong></td><td>免费/会员¥30</td><td>AI视频生成（国内首选）</td><td><b style="color:var(--green)">★★★★☆</b></td><td>国内视频创作</td></tr>
</tbody>
</table>
</div>
<div class="tip">💡 <strong>省钱组合：</strong>ChatGPT Plus($20) + GitHub Copilot($10) = $30/月搞定日常办公+编程。开发者再加 Cursor($20) = $50/月达到一流生产力。DeepSeek API 替代 GPT API 可省约 80%。</div>
</div>
<footer><p>AI大模型全景培训手册 · 编码工具 · 2026年5月版</p><p>数据来源：<a href="https://www.swebench.com" target="_blank">SWE-bench</a> · 各工具官方文档 · GitHub · 公开评测报告</p><p><a href="manual.html">← 返回培训首页</a> | <a href="prompt.html">← 提示词</a> | <a href="rag.html">下一章：知识库RAG →</a></p></footer>
</body>
</html>