[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"pack-detail-cline-roo-vscode-setup-zh":3,"seo:pack:cline-roo-vscode-setup:zh":94},{"code":4,"message":5,"data":6},200,"操作成功",{"pack":7},{"slug":8,"icon":9,"tone":10,"status":11,"status_label":12,"title":13,"description":14,"items":15,"install_cmd":93},"cline-roo-vscode-setup","🧩","#3B82F6","new","本周新建","Cline + Roo Code — VS Code 智能体配置","在两大 VS Code 智能体扩展之间做选择并正确配置。Cline vs Roo Code 取舍、项目规则、自定义模式，以及配套的 MCP 服务器。",[16,28,37,47,54,62,72,79,86],{"id":17,"uuid":18,"slug":19,"title":20,"description":21,"author_name":22,"view_count":23,"vote_count":24,"lang_type":25,"type":26,"type_label":27},212,"fe3f1223-13da-42dc-8493-28b6c1a92ca0","cline-autonomous-ai-coding-agent-vs-code-fe3f1223","Cline — Autonomous AI Coding Agent for VS Code","Autonomous coding agent in VS Code. Creates\u002Fedits files, runs commands, browses the web, and uses MCP tools — with human approval at every step. 60K+ stars.","Cline",244,0,"en","script","Script",{"id":29,"uuid":30,"slug":31,"title":32,"description":33,"author_name":22,"view_count":34,"vote_count":24,"lang_type":25,"type":35,"type_label":36},2776,"3136dbec-c3dd-49db-acb4-f52bc7acda00","clinerules-project-behavior-file-for-cline-ai-agent",".clinerules — Project Behavior File for Cline AI Agent",".clinerules is Cline's per-project rules file, read every task. Steers code style, libraries, conventions without retyping context. Roo-compatible.",41,"prompt","Prompt",{"id":38,"uuid":39,"slug":40,"title":41,"description":42,"author_name":43,"view_count":44,"vote_count":24,"lang_type":25,"type":45,"type_label":46},716,"baddacd0-3bbf-4076-96d5-f6cb2d54d145","roo-code-ai-coding-agent-custom-modes-baddacd0","Roo Code — AI Coding Agent with Custom Modes","Fork of Cline with custom agent modes, boomerang orchestration, and multi-model routing. Create specialized AI agents for coding, review, and architecture tasks.","Roo Code",258,"skill","Skill",{"id":48,"uuid":49,"slug":50,"title":51,"description":52,"author_name":43,"view_count":53,"vote_count":24,"lang_type":25,"type":45,"type_label":46},2777,"209beeb5-45d7-49e2-af7f-8f7328d296d5","roo-code-modes-architect-code-ask-debug-agents","Roo Code Modes — Architect, Code, Ask & Debug Agents","Roo Code's Modes feature splits the agent into 4 specialists with their own prompts and tool whitelists. Boomerang task delegation between modes built in.",68,{"id":55,"uuid":56,"slug":57,"title":58,"description":59,"author_name":60,"view_count":61,"vote_count":24,"lang_type":25,"type":35,"type_label":36},841,"b3a901fe-8380-4bfc-a631-c57f8d5b51f0","ai-coding-agent-comparison-2026-complete-guide-b3a901fe","AI Coding Agent Comparison 2026 — Complete Guide","Comprehensive comparison of all AI coding agents in 2026. Covers Claude Code, Cursor, Codex, Gemini CLI, Cline, Roo Code, Windsurf, and Aider with feature matrices and recommendations.","Agent Toolkit",230,{"id":63,"uuid":64,"slug":65,"title":66,"description":67,"author_name":68,"view_count":69,"vote_count":24,"lang_type":25,"type":70,"type_label":71},3062,"cd5e75f3-8aa3-41fc-9a7e-be6394ad67af","awesome-mcp-servers-mcp-directory-index","awesome-mcp-servers — MCP Directory & Index","awesome-mcp-servers is a curated index of MCP servers, clients, and tutorials. Use it to pick a server, then add it to your MCP config and verify.","MCP Hub",72,"mcp","MCP",{"id":73,"uuid":74,"slug":75,"title":76,"description":77,"author_name":68,"view_count":78,"vote_count":24,"lang_type":25,"type":70,"type_label":71},3059,"7f3a756c-8ec2-4b20-8ad6-99bfc5155af3","playwright-mcp-browser-automation-server","Playwright MCP — Browser Automation Server","Playwright MCP is an MCP server for browser automation via Playwright snapshots. Add via npx in Claude Code\u002FCodex to run deterministic actions.",155,{"id":80,"uuid":81,"slug":82,"title":83,"description":84,"author_name":68,"view_count":85,"vote_count":24,"lang_type":25,"type":70,"type_label":71},42,"8a28360d-6eef-449d-9857-d8b388a05f34","mcp-reference-servers-official-collection-8a28360d","MCP Reference Servers — Official Collection","Official MCP reference server implementations by Anthropic: filesystem, git, memory, fetch, sequential thinking, and more. The starting point for MCP development.",129,{"id":87,"uuid":88,"slug":89,"title":90,"description":91,"author_name":68,"view_count":92,"vote_count":24,"lang_type":25,"type":70,"type_label":71},803,"85eacf96-3b2b-43f5-ad6f-fd4413ad0b69","git-mcp-version-control-server-ai-agents-85eacf96","Git MCP — Version Control Server for AI Agents","MCP server that gives AI agents full Git capabilities. Git MCP enables Claude Code and Cursor to manage repositories, branches, commits, diffs, and history via tool calls.",180,"tokrepo install pack\u002Fcline-roo-vscode-setup",{"pageType":95,"pageKey":8,"locale":96,"title":97,"metaDescription":98,"h1":13,"tldr":99,"bodyMarkdown":100,"faq":101,"schema":117,"internalLinks":123,"citations":136,"wordCount":149,"generatedAt":150},"pack","zh","Cline + Roo Code — VS Code 智能体配置（不换 IDE）","你用 VS Code，想要 agentic 编码助手装在里面。Cline 和 Roo Code 是真正的两个选项。这个 pack 帮你选、配 .clinerules \u002F 自定义模式、接上真正配套的 MCP（Playwright、Git、awesome-mcp-servers、官方参考实现）。","两个扩展、一份对比指南、四个 MCP 服务器、还有同时驱动两者的规则文件。想要稳定和社区规模就从 Cline 开始；觉得需要按模式独立 prompt 和工具白名单时再切到 Roo（或两个一起跑）。MCP 接线两边写法一致 — 协议同源。","## 这个 pack 包含什么\n\n你已经在用 VS Code。你不想换 Cursor、Windsurf 或纯 CLI。你只想让 agentic 编码循环 — 读仓库、改文件、跑命令、查文档 — 在 VS Code 里发生，并且每步都过你眼。\n\n2026 年只有两个扩展真正能做到这点：**Cline**（鼻祖，60K+ stars）和 **Roo Code**（Cline 的 fork，加了按模式独立的专家 agent 和 boomerang 编排，22K+ stars）。其他的要么是 inline 补全（Copilot、Continue 的 chat），要么是外部 CLI 套了个扩展皮。\n\n这个 pack 涵盖：怎么在两者间选、用哪些规则文件来驯化它们、以及四个 MCP 服务器 — 这些 MCP **两边都通用**。同一套 MCP 接线两边都吃，所以你可以切换甚至并行跑，不用重新接管线。\n\n目标读者：想要真正的 agentic 编码（多步、用工具、能创建文件），但不愿意离开 VS Code — 也不想把 marketplace 上每个 AI 扩展都试一遍。\n\n## 推荐安装顺序\n\n1. **Cline — VS Code 自主编码 Agent** — 先装这个，作为默认。在 VS Code marketplace 搜 \"Cline\"、Install、粘 Anthropic 或 OpenAI 的 API key。60K+ stars，用户基数最大，最稳。**每个动作都要你 approve** — Cline 永远不会在你点「Approve」之前自己改文件或跑命令。\n2. **Cline — VS Code Autonomous AI Coding Extension** — 同一个扩展的 MCP-config 视角条目。把它当作把 MCP 服务器接入 Cline 设置 JSON 的参考（语法和 Roo 略有差异，下面会讲）。\n3. **.clinerules — Cline 项目行为文件** — 干活前先在仓库根目录放一个 `.clinerules`。这是项目记忆的 Cline 版（类似 CLAUDE.md）：技术栈、规范、**硬性禁忌**。Cline 每次任务都会读。关键的是，**Roo Code 也读同一个文件** — 之后你试 Roo 时，规则自动带过去，不用重写。\n4. **Roo Code — VS Code AI 编码团队** — 装上 Roo 作为第二个扩展（是的，两个可以同时在 VS Code 里 — 不冲突）。Roo 是 Cline 的 fork，核心能力相同，外加按模式独立的专家和 boomerang 任务编排。早晚你会想试它，先装好可以 A\u002FB 对照。\n5. **Roo Code — 带自定义模式的 AI 编码 Agent** — 同一个扩展的另一个参考条目，详细讲自定义模式的 UX。模式是 Roo 的招牌：你定义专家 agent，每个有自己的 system prompt 和工具白名单。\n6. **Roo Code Modes — Architect \u002F Code \u002F Ask \u002F Debug 四个 agent** — Roo 开箱即用的四个内置模式。Architect 规划，Code 写，Ask 读，Debug 排错。用这个条目学 boomerang 模式（Architect 启动一个多步任务，把子任务交给 Code，再拿回结果继续）。Cline 没有对应能力 — 这是 Roo 的主要差异化。\n7. **2026 AI 编码 Agent 完整对比指南** — 决策文档。覆盖 Claude Code \u002F Cursor \u002F Codex \u002F Gemini CLI \u002F Cline \u002F Roo Code \u002F Windsurf \u002F Aider，带 feature 矩阵。第 1 步装完读一遍，确认 Cline 是对的起点；第 6 步之后再读一遍，决定 Roo 是否值得占第二个槽位。\n8. **MCP Reference Servers — 官方实现集合** — Anthropic 官方维护的基线：filesystem、git、memory、fetch、sequential thinking。先接到 Cline；这些经过实战、零配置。等它们能跑了，你就信任 MCP 这根管子，再加更激进的就有底气。\n9. **Playwright MCP — 浏览器自动化服务器** — 两个扩展都受益最大的单个 MCP。让 agent 能截浏览器快照、点链接、填表单 — 这样它能 debug 你的前端、爬文档、QA 一个已部署页面，**不用你来回截屏分享**。在官方参考服务器证明管子通了之后再加。\n10. **Git MCP — AI Agent 版本控制服务器** — Cline \u002F Roo 已经能通过终端跑 `git`，但 Git MCP 给的是**结构化**访问 — 分支列表、diff 摘要、log 查询都是带类型的响应，不用 shell 输出 parse。对任何非平凡仓库都值。\n11. **awesome-mcp-servers — MCP 目录索引** — 你每月翻一次的目标。当你接好 3-4 个 MCP 都能跑时，这个精选索引是你发现下一个的地方。第一天别从这里装；等你感受到上面四个的极限再回来。\n\n## 它们怎么协同\n\n```\n         VS Code（你的编辑器，没变）\n              │\n   ┌──────────┴──────────┐\n   │                     │\nCline (#1, #2)       Roo Code (#4, #5)\n   默认                 备选\n   │                     │\n   │   读同一个文件:     │\n   └──── .clinerules (#3) ────┘\n                │\n         （项目记忆）\n                │\n   ┌────────────┴────────────┐\n   │       仅 Roo 有:        │\n   │ Modes (#6) — Architect  │\n   │ \u002F Code \u002F Ask \u002F Debug    │\n   │ + boomerang 路由        │\n   └─────────────────────────┘\n                │\n         MCP 协议层\n      （两个扩展共用同一根线）\n                │\n   ┌────────┬───┴────┬──────────┐\n   │        │        │          │\nReference  Playwright Git MCP  awesome-mcp\nServers    MCP (#9)  (#10)    目录 (#11)\n(#8)\nfilesystem 浏览器     结构化   每月\ngit\u002Fmemory 截图\u002F点击  git 操作 浏览\nfetch\u002Fseq  填表       diff\u002Flog\nthinking\n\n   ↑                                ↑\n   从这开始                         每月回来翻一次\n   （官方零配置）                   （感受到极限之后）\n\n   2026 AI 编码 Agent 对比指南 (#7)\n      └── 决策文档，读两次：\n            • 第 1 步后确认 Cline\n            • 第 6 步后决定要不要 Roo\n```\n\n非显然的赢点：**.clinerules 两个扩展都读**，所以你切换 Cline 和 Roo 不用重写规范。MCP 同理 — 在系统层接一次，两个扩展看到的是同一组服务器。\n\n## 你会遇到的取舍（Cline vs Roo Code）\n\n这个 pack 存在的核心理由就是这一节。挑选之前先读。\n\n- **稳定 vs 灵活** — Cline 是上游，更保守，用户基数大，扩展更新少出意外。Roo 上新功能快（自定义模式、boomerang、cloud agent），但也更容易出问题。**如果你周二早上承担不起「我的 agent 突然不工作」这种事故，默认上 Cline。**喜欢折腾就默认 Roo。\n- **一个模式 vs 多个模式** — Cline 一个 agent 人格、一个 system prompt。Roo 有 Architect \u002F Code \u002F Ask \u002F Debug（还能定义无限自定义模式），每个有自己的 prompt 和工具白名单。**80% 的活一个人格就够了。**自定义模式只有在你有真实的多步工作流时才赚回它的复杂度 — 比如「Architect 规划迁移、Code 执行每步、Debug 在每次失败后跑」。别预防性加模式，最后你只是维护更多 YAML。\n- **boomerang vs 线性** — Roo 的 boomerang 编排让一个模式里启动的任务可以委托给另一个模式跑完，拿回结果再继续。Cline 一个任务跑在一个 context 里。**boomerang 对 >30 分钟的任务确实有用**（context 不被污染、子 agent 失败不会把父任务也拖坏）。5 分钟的小改它就是 overhead。\n- **每次任务成本** — 模型 token 烧得一样。Roo 的模式可以让成本**变高**（多模式任务做更多 LLM 调用），也可以**变低**（Ask\u002FDebug 模式用便宜模型，只给 Architect 上大模型）。早点配模式级模型，否则你会流血。\n- **生态成熟度** — Cline 的第三方 MCP 教程更多、YouTube 教程更多、Reddit 帖子更多。Roo 文档更精炼但社区更小。**习惯 Google 出路的选 Cline；偏好读源码的选 Roo。**\n- **MCP 兼容性** — 完全一致。两个都说 MCP 协议。这个 pack 里每个 MCP 两边都能用。系统层把 server 接一次，两个扩展都看得到。这就是为什么并行跑两个扩展很便宜 — 没有重复管线。\n- **审批疲劳** — 默认两个都对每个动作要审批。Cline 的审批 UI 更快（点击少）。Roo 的更细（可以按模式预批准 pattern）。一周后你会想给 `git status` \u002F `ls` \u002F `cat` 这种预批准 — 谨慎做，只对**只读**命令开。\n- **诚实总结** — Cline 是 iPhone（稳、主流、推荐给老板用）。Roo 是 Android（更可定制、更新更快、推荐给爱写 config 的工程师）。Cline 当默认，副业项目上装 Roo 试两周模式，能 justify 就两个都留、不能就砍一个。\n\n## 常见踩坑\n\n- **没试 Cline 直接上 Roo** — 你会失去「正常」的基线感觉。模式 \u002F boomerang 确实是真东西，但你只有先吃过 Cline 的限制才能判断是不是真需要。两周 Cline，再评估。\n- **MCP 只接到一个扩展、忘了另一个** — Cline 的设置在它扩展配置里；Roo 的在它的。每个 MCP 要写两次（或者用 `~\u002F.config\u002Fmcp\u002F` 这种系统级配置，如果你 OS 支持）。如果一个 server 在 Cline 能用、Roo 不能 — 那就是你忘了在 Roo 侧加。\n- **`.clinerules` 写太工程化** — 和 CLAUDE.md 同样的坑：有人把架构文档 paste 进去，每次任务 burn 4K token。控制在 100 行以下：技术栈、命令、规范、硬性禁忌。两个扩展每轮都读。\n- **全部 Auto-approve 一路点** — 两个扩展都有「Auto-approve」开关。第一天别全局打开。白名单只读命令（`git status` \u002F `ls` \u002F `pwd`），写操作 \u002F 删除 \u002F 网络调用保持手动，直到你信任模型在你这个代码库的行为。\n- **跳过对比指南 (#7)** — 它是无聊的文档，但它阻止「我怎么装了这 4 个」的瞬间。读一次，决定哪些扩展占永久槽位，其他卸了。\n- **把 Playwright MCP 当可选** — 它是让 agent 在前端工作上**真正有用**的 MCP。没它，Cline \u002F Roo 能改你的 React 组件但不能告诉你页面渲染是否正常。有它，闭环才闭合。",[102,105,108,111,114],{"q":103,"a":104},"Cline 和 Roo Code 先装哪个？","Cline。上游、60K+ stars、更稳、社区大可以 Google 出路。装 Cline，干两周真活，然后装 Roo Code 作第二个扩展评估模式和 boomerang。VS Code 里两个不冲突 — 可以同时开。一个月后决定 Roo 是否值得第二个槽位。对 80% 的人来说，Cline 一个就够。",{"q":106,"a":107},"Cline 和 Roo Code 共享配置吗？还是每个都要单独配？","一半一半。好消息：`.clinerules` 两个都读 — Roo 故意保持兼容。所以你的项目规范自动带过去，不用重写。坏消息：MCP 服务器接线分别住在各自扩展的设置里，所以每个 MCP 要接两次（Cline 一次 \u002F Roo 一次）。目前还没有两个扩展共享的系统级 MCP 注册表。每个 MCP 多花 5 分钟的预算。",{"q":109,"a":110},"我已经用 Cursor \u002F Windsurf \u002F Claude Code 了，为啥还要回 VS Code？","你大概不会**回**到 VS Code — 但你可能在用其他工具的同时也开着 VS Code + Cline。VS Code 的扩展生态（debugger、language server、dev container、remote SSH）还是比任何 AI 原生编辑器都丰富。如果你做数据工程，可能也离不开 VS Code — Jupyter \u002F dbt \u002F Databricks 扩展都在这。Cline + Roo 让你保留这个生态，同时也有 agentic 编码。",{"q":112,"a":113},"Continue 不也是开源 VS Code AI 扩展吗？","Continue 强在 inline 补全和 chat — 它的设计中心就是那个。Cline 和 Roo 是为自主多步任务设计的：改个文件、跑个测试、修 bug、再跑。不同品类。补全风格的帮助用 Continue；想让 agent 真的把一个任务跑到完用 Cline \u002F Roo。很多人三个都开（Continue 做补全、Cline 做任务、Roo 做实验）。",{"q":115,"a":116},"我必须有 GPT-4 \u002F Claude Opus 的 API 吗？能用本地模型吗？","两个扩展都支持通过 Ollama、LM Studio 或任何 OpenAI 兼容 endpoint 跑本地模型。70B 量级以下质量会断崖下跌 — agentic 循环需要强 instruction-following 和自我纠错。一定要本地，至少用 Qwen3-Coder、DeepSeek-Coder 或 Llama 3.1 70B。生产用，Claude Sonnet \u002F GPT-4o \u002F Gemini 2.5 Pro 是地板 — tool-use 精度差距太大忽略不掉。",{"@context":118,"@type":119,"name":13,"description":120,"numberOfItems":121,"inLanguage":122},"https:\u002F\u002Fschema.org","ItemList","9 个资产把 Cline 和 Roo Code 接进 VS Code，共享项目规则文件和 MCP 服务器，附带帮你二选一的对比指南。",9,"zh-CN",[124,128,132],{"url":125,"anchor":126,"reason":127},"\u002Fzh\u002Ftopics","浏览其他主题 pack","相邻 pack 包含 AI 编码 Agent 对比、MCP 服务器全家桶、Claude Code 30 分钟新手包",{"url":129,"anchor":130,"reason":131},"\u002Fzh\u002Fai-tools-for\u002Fcoding","AI 编码工具","看 Cline \u002F Roo Code 和 Cursor \u002F Windsurf \u002F Claude Code \u002F Codex 的对比",{"url":133,"anchor":134,"reason":135},"\u002Fzh\u002Ffeatured","TokRepo 精选资产","这些扩展和 MCP 和更大的精选目录并列",[137,141,145],{"claim":138,"source_name":139,"source_url":140},"Cline 是 VS Code 自主编码 agent，GitHub 60K+ stars","cline\u002Fcline on GitHub","https:\u002F\u002Fgithub.com\u002Fcline\u002Fcline",{"claim":142,"source_name":143,"source_url":144},"Roo Code 是 Cline 的 fork，新增自定义模式和 boomerang 编排","Roo-Code on GitHub","https:\u002F\u002Fgithub.com\u002FRooVetGit\u002FRoo-Code",{"claim":146,"source_name":147,"source_url":148},"Model Context Protocol 是两个扩展都用的开放协议","Model Context Protocol 规范","https:\u002F\u002Fmodelcontextprotocol.io",2900,"2026-05-22T00:00:00Z"]