工具栈三岔:浏览器 · 编辑器 · 终端

1303 字
7 分钟
工具栈三岔:浏览器 · 编辑器 · 终端

鱼皮那套 Vibe Coding 零基础教程 里,「10 编程工具」板块单独就能占一本小册子:从零代码到 Cursor / Claude Code / Codex,再到 OpenClaw 和 32 工具盘点。全搬进博客没意义,这篇只做索引和能带走的判断,操作细节回原文。

原文 · 10 编程工具目录(GitHub) · Vibe Coding 在线阅读 · ai-guide 仓库

怎么读这张地图

你的情况建议路径
完全零基础,想今天出东西00 导读 → 01 模型 → 02 零代码
有基础,要控代码做项目01 模型 → 04 代码编辑器 → Cursor 专题
极客 / 服务器 / 批量自动化05 命令行 → Claude Code / Codex 专题
不知道买啥、怎么搭直接跳 09 鱼皮工具箱
OpenClaw 养虾本站已有 数字员工与权限边界:OpenClaw 索引,本节 07 只挂入口

鱼皮把工具分成三大类:零代码平台(浏览器开箱)、AI 代码编辑器(本地精控)、命令行工具(CLI 是 AI 的母语)。选对类型,比纠结「哪个最好」重要。

三岔选型
三岔选型

00 AI 编程工具大全

板块总导读:为什么 Vibe 时代选型比传统 IDE 重要、三大类型对照、主线/支线怎么读。支线就是 Cursor / Codex / Claude Code 三个子目录 + 工具实战/

原文 · GitHub

01 AI 模型选择指南

所有工具共用「大脑」:Claude 偏代码质量,GPT 偏速度和生态,Gemini 偏超长上下文和 UI,国产(DeepSeek / GLM / 通义 / Kimi)偏性价比。按预算 + 场景选,没有绝对最强。

模型选型
模型选型

原文 · GitHub

02 AI 零代码平台

Bolt.new / Lovable / 百度秒哒为主:打开浏览器、说人话、所见即所得。Bolt 快原型,Lovable 全栈+数据库,秒哒中文+商业化(支付)。新手最佳起点。

零代码
零代码

原文 · GitHub

03 AI 智能体平台

Flowith / Manus / OpenManus:AI 当项目经理,自主规划、长时运行(做大型站、长 PPT、批量内容)。适合「只要结果、不管过程」;精修仍建议导出到 Cursor。

原文 · GitHub

04 AI 代码编辑器

Cursor 深度讲解 + Windsurf / Antigravity / Kiro / TRAE / Zed 横评。Tab 补全、Agent 多文件、Chat / 内联编辑;.cursorrules、分步需求、Git 回滚是实战要点。预算够优先 Cursor,省钱看 Windsurf。

代码编辑器
代码编辑器

原文 · GitHub

05 AI 命令行编程工具

Claude Code 为主,Gemini CLI / Codex CLI / Aider 等补充。CLI 面向 AI 执行成功率更高、Token 更省;Skills 把规范打包给 Agent。国内常配国产模型 API。

命令行
命令行

原文 · GitHub

06 AI IDE 插件

Cline、Continue、GitHub Copilot 等:在 VS Code / JetBrains 里加 AI,Cursor 额度用尽时的备胎。Cline 免费、跨 IDE,鱼皮当 Cursor 替补。

原文 · GitHub

07 OpenClaw 保姆级安装教程

Vibe 板块里的 OpenClaw 入口:数字员工、接 IM、控本机。本站已单独做 OpenClaw 索引,本章只作链回,不重复展开。

原文 · GitHub · 本站 OpenClaw 索引

08 AI 辅助工具集

Git / 部署 / MCP / Agent Skills / 规范驱动开发等周边:让主工具跑得稳。和 10 扩展推荐有交叉,08 偏「工作流组件」,10 偏「扩展清单」。

原文 · GitHub

09 我的 AI 工具箱推荐

鱼皮 2025 Top 20 实盘:大项目 Cursor+Opus,小项目 Claude Code+GLM,备胎 Cline+DeepSeek;多媒体、大模型、框架、浏览器插件分场景组合。不知道咋搭,先看这篇。

工具箱
工具箱

原文 · GitHub

10 优质 AI 编程扩展推荐

超长扩展清单:Rules、MCP、Skills、插件、规范工具等。和 Cursor / Claude Code 配置文互补,适合当「还能装什么」的检索表。

原文 · GitHub

Cursor 专题

原文摘要
Cursor 保姆级教程安装到第一个项目:Agent / Chat / Rules 入门
Cursor Debug 模式详解Debug 模式定位与用法

Cursor 目录 · GitHub

Claude Code 专题

原文摘要
常用斜杠命令大全斜杠命令速查
七种指令方式全解析CLAUDE.md / Rules / Skills / Hooks 等
用好 CLAUDE.md项目级上下文怎么写
对接国内模型Claude Code / Codex 换国产 API

Claude Code 目录 · GitHub

Codex 专题

原文摘要
AI 桌面应用保姆级教程Browser/Computer Use、Skills、MCP、自动化
Record & Replay录制回放工作流
主题定制教程终端/UI 主题

Codex 目录 · GitHub

工具实战(选读)

原文摘要
盘点 32 个 AI 编程工具全景盘点
VSCode + Copilot 实战微软全家桶路线
Gemini CLI 首测免费 CLI 实测
TRAE SOLOAI 主导全栈
Dify 零代码 AI 应用知识库 / 工作流
OpenClaw 数字员工本站 OpenClaw 索引

工具实战完整目录 · GitHub(另含 Spec-kit、Agent Skills、Superpowers、IDEA AI、Copilot 云端开发等)

出处与边界

说明
原作程序员鱼皮 · ai-guide · AI 导航 / Vibe
本篇索引 + 精炼摘要;步骤与截图以原文为准
未做不镜像全文、不搬运图床整包
OpenClaw07 与实战 OpenClaw 文链到本站 OpenClaw 索引
相关阅读入门坐标 · 模型横评 · 项目实战 · 对话与回路 · 编程学习 · 概念与热文 · MCP 薄笔记 · OpenClaw 索引 · Cursor 与 Claude 规范迁移 · 合集 鱼皮VibeCoding

评论区

像发消息一样写就好:点工具栏插入表情 / 图片,表情会直接显示。插图 ≤5MB。