[{"data":1,"prerenderedAt":3513},["ShallowReactive",2],{"article-/topics/ai/ai-agent-orchestrator-sandbox-decoupling":3,"related-ai":429,"content-query-FqDfEBD90l":3197},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"topic":5,"author":11,"tags":12,"image":17,"imageQuery":18,"pexelsPhotoId":19,"pexelsUrl":20,"featured":6,"readingTime":21,"body":22,"_type":423,"_id":424,"_source":425,"_file":426,"_stem":427,"_extension":428},"/topics/ai/ai-agent-orchestrator-sandbox-decoupling","ai",false,"","AI agent Orchestrator 与 Sandbox 解耦：为什么“大脑”和“手”不能绑在同一个容器里","把 AI agent 的 harness、session 和 sandbox 全塞进一个容器，短期好写，长期难救。本文讲清 orchestrator 与 sandbox 解耦的价值、接口边界、恢复方式和常见事故。","2026-05-12","HTMLPAGE 团队",[13,14,15,16],"AI agent","Orchestrator","Sandbox","工程实践","/images/articles/ai-agent-orchestrator-sandbox-decoupling-featured.jpg","software architecture diagram laptop workspace",3862379,"https://www.pexels.com/photo/female-engineer-planning-dam-3862379/",17,{"type":23,"children":24,"toc":413},"root",[25,33,38,75,82,87,167,172,178,183,203,208,220,225,231,236,241,259,264,270,275,280,293,298,304,367,372,377,382],{"type":26,"tag":27,"props":28,"children":29},"element","p",{},[30],{"type":31,"value":32},"text","很多 AI agent 的第一版架构都很像：模型、harness、workspace、工具调用、文件编辑和凭证，全都在一个容器里。这样做的好处非常现实，开发快、调用近、文件改动就是本地 syscall，看上去几乎没有分布式复杂度。",{"type":26,"tag":27,"props":34,"children":35},{},[36],{"type":31,"value":37},"问题在于，这种简化通常只在“单人实验 + 短任务”里成立。一旦进入真实系统，单容器设计会把三个本应独立失败的东西绑死在一起：大脑、手和会话。容器一挂，你既不知道状态还在不在，也不知道 side effect 做到哪，更不知道凭证有没有被暴露给生成代码。",{"type":26,"tag":27,"props":39,"children":40},{},[41,43,50,52,58,59,65,67,73],{"type":31,"value":42},"这就是为什么 orchestrator 与 sandbox 的解耦，不是架构洁癖，而是让 agent 能长时间、跨环境可靠运行的基础。建议先结合 ",{"type":26,"tag":44,"props":45,"children":47},"a",{"href":46},"/topics/ai/ai-agent-sandbox-environment-design",[48],{"type":31,"value":49},"AI agent Sandbox 环境设计",{"type":31,"value":51},"、",{"type":26,"tag":44,"props":53,"children":55},{"href":54},"/topics/ai/ai-agent-session-store-event-log-design",[56],{"type":31,"value":57},"AI agent Session Store 设计",{"type":31,"value":51},{"type":26,"tag":44,"props":60,"children":62},{"href":61},"/topics/ai/ai-agent-worker-lease-heartbeat-design",[63],{"type":31,"value":64},"AI agent Worker Lease 与心跳机制",{"type":31,"value":66}," 和 ",{"type":26,"tag":44,"props":68,"children":70},{"href":69},"/topics/ai/ai-agent-credential-delegation-token-vault-proxy",[71],{"type":31,"value":72},"AI agent 凭证委托与 Token Vault Proxy",{"type":31,"value":74}," 一起看。",{"type":26,"tag":76,"props":77,"children":79},"h2",{"id":78},"当大脑和手绑在一起故障会被放大",[80],{"type":31,"value":81},"当“大脑”和“手”绑在一起，故障会被放大",{"type":26,"tag":27,"props":83,"children":84},{},[85],{"type":31,"value":86},"单容器架构最常见的问题有 4 类：",{"type":26,"tag":88,"props":89,"children":90},"table",{},[91,110],{"type":26,"tag":92,"props":93,"children":94},"thead",{},[95],{"type":26,"tag":96,"props":97,"children":98},"tr",{},[99,105],{"type":26,"tag":100,"props":101,"children":102},"th",{},[103],{"type":31,"value":104},"问题",{"type":26,"tag":100,"props":106,"children":107},{},[108],{"type":31,"value":109},"为什么会被放大",{"type":26,"tag":111,"props":112,"children":113},"tbody",{},[114,128,141,154],{"type":26,"tag":96,"props":115,"children":116},{},[117,123],{"type":26,"tag":118,"props":119,"children":120},"td",{},[121],{"type":31,"value":122},"容器故障",{"type":26,"tag":118,"props":124,"children":125},{},[126],{"type":31,"value":127},"推理状态、文件状态和工具状态同时丢失",{"type":26,"tag":96,"props":129,"children":130},{},[131,136],{"type":26,"tag":118,"props":132,"children":133},{},[134],{"type":31,"value":135},"调试困难",{"type":26,"tag":118,"props":137,"children":138},{},[139],{"type":31,"value":140},"你分不清是 harness 卡了，还是 sandbox 卡了",{"type":26,"tag":96,"props":142,"children":143},{},[144,149],{"type":26,"tag":118,"props":145,"children":146},{},[147],{"type":31,"value":148},"安全边界模糊",{"type":26,"tag":118,"props":150,"children":151},{},[152],{"type":31,"value":153},"生成代码可能直接接触环境变量和凭证",{"type":26,"tag":96,"props":155,"children":156},{},[157,162],{"type":26,"tag":118,"props":158,"children":159},{},[160],{"type":31,"value":161},"资源浪费",{"type":26,"tag":118,"props":163,"children":164},{},[165],{"type":31,"value":166},"每次会话一开始就得完整 provision 一个重量级环境",{"type":26,"tag":27,"props":168,"children":169},{},[170],{"type":31,"value":171},"这类设计真正的问题，不是“太简单”，而是把本来应该分开的失效域混成了一个整体。",{"type":26,"tag":76,"props":173,"children":175},{"id":174},"更稳的模型orchestrator-负责推理和调度sandbox-只负责执行",[176],{"type":31,"value":177},"更稳的模型：orchestrator 负责推理和调度，sandbox 只负责执行",{"type":26,"tag":27,"props":179,"children":180},{},[181],{"type":31,"value":182},"解耦后的最小职责边界通常长这样：",{"type":26,"tag":184,"props":185,"children":186},"ul",{},[187,193,198],{"type":26,"tag":188,"props":189,"children":190},"li",{},[191],{"type":31,"value":192},"orchestrator 负责 session 读取、上下文组织、模型调用、工具路由和策略判断",{"type":26,"tag":188,"props":194,"children":195},{},[196],{"type":31,"value":197},"sandbox 负责执行代码、访问文件、运行受控命令和返回结果",{"type":26,"tag":188,"props":199,"children":200},{},[201],{"type":31,"value":202},"session store 负责保存 durable 事件和恢复事实",{"type":26,"tag":27,"props":204,"children":205},{},[206],{"type":31,"value":207},"从接口上看，关键不是“调用远程容器”，而是把执行环境变成一个普通工具：",{"type":26,"tag":209,"props":210,"children":214},"pre",{"className":211,"code":213,"language":31,"meta":7},[212],"language-text","execute(environmentId, input) -> result\n",[215],{"type":26,"tag":216,"props":217,"children":218},"code",{"__ignoreMap":7},[219],{"type":31,"value":213},{"type":26,"tag":27,"props":221,"children":222},{},[223],{"type":31,"value":224},"一旦变成这个形态，sandbox 就不再是系统的“宿主”，而只是被 orchestrator 调用的一只手。手断了，可以换新的；大脑挂了，可以从 session 再醒。",{"type":26,"tag":76,"props":226,"children":228},{"id":227},"失败案例容器卡死后团队既不能恢复也不敢进去排查",[229],{"type":31,"value":230},"失败案例：容器卡死后，团队既不能恢复，也不敢进去排查",{"type":26,"tag":27,"props":232,"children":233},{},[234],{"type":31,"value":235},"某团队把 agent 的 workspace 和凭证都放在同一个容器里。一次任务执行中，容器长时间无输出。值班同学想进去查看，但又担心容器里同时装着用户代码和敏感 token；强杀容器又怕丢状态。",{"type":26,"tag":27,"props":237,"children":238},{},[239],{"type":31,"value":240},"最后的局面很典型：",{"type":26,"tag":184,"props":242,"children":243},{},[244,249,254],{"type":26,"tag":188,"props":245,"children":246},{},[247],{"type":31,"value":248},"调试路径不清晰",{"type":26,"tag":188,"props":250,"children":251},{},[252],{"type":31,"value":253},"恢复路径不存在",{"type":26,"tag":188,"props":255,"children":256},{},[257],{"type":31,"value":258},"安全边界不敢碰",{"type":26,"tag":27,"props":260,"children":261},{},[262],{"type":31,"value":263},"这不是单个 bug，而是架构层的失败模式。解法也不是“再写一个心跳”，而是把状态放到 session、把凭证放到 vault、把执行放到 sandbox，让每一层都能独立失败、独立更换。",{"type":26,"tag":76,"props":265,"children":267},{"id":266},"解耦以后ttft-和隔离通常都会一起变好",[268],{"type":31,"value":269},"解耦以后，TTFT 和隔离通常都会一起变好",{"type":26,"tag":27,"props":271,"children":272},{},[273],{"type":31,"value":274},"很多人担心解耦会增加调用链，导致首 token 更慢。现实里，恰恰相反。因为当 orchestrator 不再默认为每个会话提前 provision 完整 sandbox 时，很多纯读任务或轻任务可以先推理、后执行，甚至根本不需要启动重型环境。",{"type":26,"tag":27,"props":276,"children":277},{},[278],{"type":31,"value":279},"这会直接带来两个收益：",{"type":26,"tag":184,"props":281,"children":282},{},[283,288],{"type":26,"tag":188,"props":284,"children":285},{},[286],{"type":31,"value":287},"只有真的需要“手”的任务才去 provision 手",{"type":26,"tag":188,"props":289,"children":290},{},[291],{"type":31,"value":292},"纯规划和轻查询任务不再被环境初始化阻塞",{"type":26,"tag":27,"props":294,"children":295},{},[296],{"type":31,"value":297},"也就是说，解耦不仅改善故障边界，还给了系统延迟优化的空间。",{"type":26,"tag":76,"props":299,"children":301},{"id":300},"解耦设计-checklist",[302],{"type":31,"value":303},"解耦设计 Checklist",{"type":26,"tag":184,"props":305,"children":308},{"className":306},[307],"contains-task-list",[309,322,331,340,349,358],{"type":26,"tag":188,"props":310,"children":313},{"className":311},[312],"task-list-item",[314,320],{"type":26,"tag":315,"props":316,"children":319},"input",{"disabled":317,"type":318},true,"checkbox",[],{"type":31,"value":321}," orchestrator、sandbox 和 session store 是否是三个独立职责面",{"type":26,"tag":188,"props":323,"children":325},{"className":324},[312],[326,329],{"type":26,"tag":315,"props":327,"children":328},{"disabled":317,"type":318},[],{"type":31,"value":330}," sandbox 是否被视作受控工具，而不是会话宿主",{"type":26,"tag":188,"props":332,"children":334},{"className":333},[312],[335,338],{"type":26,"tag":315,"props":336,"children":337},{"disabled":317,"type":318},[],{"type":31,"value":339}," 会话状态是否离开容器，成为 durable session 事实",{"type":26,"tag":188,"props":341,"children":343},{"className":342},[312],[344,347],{"type":26,"tag":315,"props":345,"children":346},{"disabled":317,"type":318},[],{"type":31,"value":348}," 生成代码是否无法直接读取真实凭证",{"type":26,"tag":188,"props":350,"children":352},{"className":351},[312],[353,356],{"type":26,"tag":315,"props":354,"children":355},{"disabled":317,"type":318},[],{"type":31,"value":357}," sandbox 失效后是否可以替换新环境而不丢全局会话",{"type":26,"tag":188,"props":359,"children":361},{"className":360},[312],[362,365],{"type":26,"tag":315,"props":363,"children":364},{"disabled":317,"type":318},[],{"type":31,"value":366}," 纯规划型任务是否可以在不 provision 重型环境的情况下先响应",{"type":26,"tag":76,"props":368,"children":370},{"id":369},"最值得坚持的一条边界",[371],{"type":31,"value":369},{"type":26,"tag":27,"props":373,"children":374},{},[375],{"type":31,"value":376},"真正可靠的 agent 系统，不是“容器足够稳”，而是即使某个 sandbox 坏掉，系统仍知道任务进行到了哪、下一步该怎么办、哪些 side effect 已经提交。只要你仍把大脑和手绑在一起，这件事就会变得非常昂贵。",{"type":26,"tag":27,"props":378,"children":379},{},[380],{"type":31,"value":381},"延伸阅读：",{"type":26,"tag":184,"props":383,"children":384},{},[385,392,399,406],{"type":26,"tag":188,"props":386,"children":387},{},[388],{"type":26,"tag":44,"props":389,"children":390},{"href":46},[391],{"type":31,"value":49},{"type":26,"tag":188,"props":393,"children":394},{},[395],{"type":26,"tag":44,"props":396,"children":397},{"href":54},[398],{"type":31,"value":57},{"type":26,"tag":188,"props":400,"children":401},{},[402],{"type":26,"tag":44,"props":403,"children":404},{"href":61},[405],{"type":31,"value":64},{"type":26,"tag":188,"props":407,"children":408},{},[409],{"type":26,"tag":44,"props":410,"children":411},{"href":69},[412],{"type":31,"value":72},{"title":7,"searchDepth":414,"depth":414,"links":415},3,[416,418,419,420,421,422],{"id":78,"depth":417,"text":81},2,{"id":174,"depth":417,"text":177},{"id":227,"depth":417,"text":230},{"id":266,"depth":417,"text":269},{"id":300,"depth":417,"text":303},{"id":369,"depth":417,"text":369},"markdown","content:topics:ai:ai-agent-orchestrator-sandbox-decoupling.md","content","topics/ai/ai-agent-orchestrator-sandbox-decoupling.md","topics/ai/ai-agent-orchestrator-sandbox-decoupling","md",[430,1585,2535],{"_path":431,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":432,"description":433,"date":434,"topic":5,"author":11,"tags":435,"image":441,"imageAlt":442,"pexelsPhotoId":443,"pexelsUrl":444,"readingTime":445,"body":446,"_type":423,"_id":1582,"_source":425,"_file":1583,"_stem":1584,"_extension":428},"/topics/ai/cursor-keyboard-shortcuts-cheatsheet","Cursor 快捷键速查表（macOS/Windows）：从“会用”到“能提效”的 10 个工作流","把 Cursor 常用快捷键按任务分组（查代码、改代码、多文件、对话、审查与回滚），给出可直接照抄的工作流与最小回归清单，避免“快捷键背了也没变快”。","2026-03-02",[436,437,438,439,440],"Cursor","快捷键","AI IDE","VS Code","开发效率","/images/topics/ai/cursor-keyboard-shortcuts-cheatsheet.jpg","彩色机械键盘与鼠标的工作台面",34563105,"https://www.pexels.com/photo/colorful-mechanical-keyboard-and-mouse-setup-34563105/",12,{"type":23,"children":447,"toc":1556},[448,453,471,476,505,510,546,550,556,561,594,599,622,625,631,636,854,863,866,872,879,898,906,927,932,938,953,984,989,1002,1008,1027,1045,1053,1058,1064,1069,1090,1098,1104,1109,1132,1137,1143,1156,1162,1180,1198,1204,1215,1233,1239,1250,1256,1261,1304,1307,1313,1321,1374,1377,1383,1389,1394,1399,1422,1440,1445,1470,1473,1479,1485,1490,1496,1501,1507,1512,1515,1521],{"type":26,"tag":27,"props":449,"children":450},{},[451],{"type":31,"value":452},"如果你在搜“Cursor 快捷键”，你大概率不是想背一张表，而是想解决这类问题：",{"type":26,"tag":184,"props":454,"children":455},{},[456,461,466],{"type":26,"tag":188,"props":457,"children":458},{},[459],{"type":31,"value":460},"为什么我用了 AI，还是很慢？（对话来回太多、改动不可控）",{"type":26,"tag":188,"props":462,"children":463},{},[464],{"type":31,"value":465},"为什么它“看起来懂了”，却改错文件/改出回归？（上下文与范围没锁住）",{"type":26,"tag":188,"props":467,"children":468},{},[469],{"type":31,"value":470},"多文件改动怎么做得安全？（验收、回滚、最小回归集）",{"type":26,"tag":27,"props":472,"children":473},{},[474],{"type":31,"value":475},"这篇文章给你两份东西：",{"type":26,"tag":477,"props":478,"children":479},"ol",{},[480,493],{"type":26,"tag":188,"props":481,"children":482},{},[483,485,491],{"type":31,"value":484},"一张",{"type":26,"tag":486,"props":487,"children":488},"strong",{},[489],{"type":31,"value":490},"按任务分组",{"type":31,"value":492},"的快捷键表（不是按功能堆在一起）",{"type":26,"tag":188,"props":494,"children":495},{},[496,498,503],{"type":31,"value":497},"一套“从需求到落地”的",{"type":26,"tag":486,"props":499,"children":500},{},[501],{"type":31,"value":502},"最小闭环工作流",{"type":31,"value":504},"（每一步都有快捷键）",{"type":26,"tag":27,"props":506,"children":507},{},[508],{"type":31,"value":509},"想看系统玩法：",{"type":26,"tag":184,"props":511,"children":512},{},[513,524,535],{"type":26,"tag":188,"props":514,"children":515},{},[516,518],{"type":31,"value":517},"入门教程看：",{"type":26,"tag":44,"props":519,"children":521},{"href":520},"/topics/ai/cursor-tutorial",[522],{"type":31,"value":523},"Cursor 使用教程（2026）",{"type":26,"tag":188,"props":525,"children":526},{},[527,529],{"type":31,"value":528},"进阶玩法看：",{"type":26,"tag":44,"props":530,"children":532},{"href":531},"/topics/ai/cursor-editor-guide",[533],{"type":31,"value":534},"Cursor 编辑器深度玩法",{"type":26,"tag":188,"props":536,"children":537},{},[538,540],{"type":31,"value":539},"规则与忽略看：",{"type":26,"tag":44,"props":541,"children":543},{"href":542},"/topics/ai/cursor-rules-cursorrules",[544],{"type":31,"value":545},"Cursor Rules 与 .cursorrules",{"type":26,"tag":547,"props":548,"children":549},"hr",{},[],{"type":26,"tag":76,"props":551,"children":553},{"id":552},"先给结论提效不是按得快而是闭环更短",[554],{"type":31,"value":555},"先给结论：提效不是“按得快”，而是“闭环更短”",{"type":26,"tag":27,"props":557,"children":558},{},[559],{"type":31,"value":560},"你可以把 Cursor 的快捷键理解为 3 条流水线：",{"type":26,"tag":184,"props":562,"children":563},{},[564,574,584],{"type":26,"tag":188,"props":565,"children":566},{},[567,572],{"type":26,"tag":486,"props":568,"children":569},{},[570],{"type":31,"value":571},"改一小段",{"type":31,"value":573},"（内联编辑）：把改动限制在一个函数/一段样式",{"type":26,"tag":188,"props":575,"children":576},{},[577,582],{"type":26,"tag":486,"props":578,"children":579},{},[580],{"type":31,"value":581},"改一组文件",{"type":31,"value":583},"（Composer）：把改动限制在一组明确文件，并要求输出 diff + 验收点",{"type":26,"tag":188,"props":585,"children":586},{},[587,592],{"type":26,"tag":486,"props":588,"children":589},{},[590],{"type":31,"value":591},"聊清楚再动手",{"type":31,"value":593},"（侧边对话）：先对齐目标、范围、验收、回滚",{"type":26,"tag":27,"props":595,"children":596},{},[597],{"type":31,"value":598},"当你觉得“它乱改/改太大”时，往往不是快捷键没记住，而是缺了两件事：",{"type":26,"tag":184,"props":600,"children":601},{},[602,612],{"type":26,"tag":188,"props":603,"children":604},{},[605,607],{"type":31,"value":606},"没有在动手前锁定",{"type":26,"tag":486,"props":608,"children":609},{},[610],{"type":31,"value":611},"范围",{"type":26,"tag":188,"props":613,"children":614},{},[615,617],{"type":31,"value":616},"没有在接受改动前准备",{"type":26,"tag":486,"props":618,"children":619},{},[620],{"type":31,"value":621},"验收/回滚",{"type":26,"tag":547,"props":623,"children":624},{},[],{"type":26,"tag":76,"props":626,"children":628},{"id":627},"快捷键速查表按任务分组",[629],{"type":31,"value":630},"快捷键速查表（按任务分组）",{"type":26,"tag":27,"props":632,"children":633},{},[634],{"type":31,"value":635},"说明：下表按“你正在做什么”组织，而不是按“功能名字”组织。不同版本快捷键可能略有差异，但核心逻辑一致。",{"type":26,"tag":88,"props":637,"children":638},{},[639,665],{"type":26,"tag":92,"props":640,"children":641},{},[642],{"type":26,"tag":96,"props":643,"children":644},{},[645,650,655,660],{"type":26,"tag":100,"props":646,"children":647},{},[648],{"type":31,"value":649},"任务",{"type":26,"tag":100,"props":651,"children":652},{},[653],{"type":31,"value":654},"macOS",{"type":26,"tag":100,"props":656,"children":657},{},[658],{"type":31,"value":659},"Windows",{"type":26,"tag":100,"props":661,"children":662},{},[663],{"type":31,"value":664},"你该在什么时候用",{"type":26,"tag":111,"props":666,"children":667},{},[668,699,730,761,792,823],{"type":26,"tag":96,"props":669,"children":670},{},[671,676,685,694],{"type":26,"tag":118,"props":672,"children":673},{},[674],{"type":31,"value":675},"改一小段（最安全）",{"type":26,"tag":118,"props":677,"children":678},{},[679],{"type":26,"tag":216,"props":680,"children":682},{"className":681},[],[683],{"type":31,"value":684},"Cmd + K",{"type":26,"tag":118,"props":686,"children":687},{},[688],{"type":26,"tag":216,"props":689,"children":691},{"className":690},[],[692],{"type":31,"value":693},"Ctrl + K",{"type":26,"tag":118,"props":695,"children":696},{},[697],{"type":31,"value":698},"只想改一个函数/一段 CSS，不想动别的",{"type":26,"tag":96,"props":700,"children":701},{},[702,707,716,725],{"type":26,"tag":118,"props":703,"children":704},{},[705],{"type":31,"value":706},"打开 AI 对话（先对齐再动手）",{"type":26,"tag":118,"props":708,"children":709},{},[710],{"type":26,"tag":216,"props":711,"children":713},{"className":712},[],[714],{"type":31,"value":715},"Cmd + L",{"type":26,"tag":118,"props":717,"children":718},{},[719],{"type":26,"tag":216,"props":720,"children":722},{"className":721},[],[723],{"type":31,"value":724},"Ctrl + L",{"type":26,"tag":118,"props":726,"children":727},{},[728],{"type":31,"value":729},"需要澄清目标、制定步骤、给验收点",{"type":26,"tag":96,"props":731,"children":732},{},[733,738,747,756],{"type":26,"tag":118,"props":734,"children":735},{},[736],{"type":31,"value":737},"多文件编辑（有组织地改一组文件）",{"type":26,"tag":118,"props":739,"children":740},{},[741],{"type":26,"tag":216,"props":742,"children":744},{"className":743},[],[745],{"type":31,"value":746},"Cmd + I",{"type":26,"tag":118,"props":748,"children":749},{},[750],{"type":26,"tag":216,"props":751,"children":753},{"className":752},[],[754],{"type":31,"value":755},"Ctrl + I",{"type":26,"tag":118,"props":757,"children":758},{},[759],{"type":31,"value":760},"改动涉及多个文件：组件+样式+测试",{"type":26,"tag":96,"props":762,"children":763},{},[764,769,778,787],{"type":26,"tag":118,"props":765,"children":766},{},[767],{"type":31,"value":768},"把选中代码加入对话上下文",{"type":26,"tag":118,"props":770,"children":771},{},[772],{"type":26,"tag":216,"props":773,"children":775},{"className":774},[],[776],{"type":31,"value":777},"Cmd + Shift + L",{"type":26,"tag":118,"props":779,"children":780},{},[781],{"type":26,"tag":216,"props":782,"children":784},{"className":783},[],[785],{"type":31,"value":786},"Ctrl + Shift + L",{"type":26,"tag":118,"props":788,"children":789},{},[790],{"type":31,"value":791},"让 AI 只看你选的片段（降低噪音）",{"type":26,"tag":96,"props":793,"children":794},{},[795,800,809,818],{"type":26,"tag":118,"props":796,"children":797},{},[798],{"type":31,"value":799},"接受当前建议",{"type":26,"tag":118,"props":801,"children":802},{},[803],{"type":26,"tag":216,"props":804,"children":806},{"className":805},[],[807],{"type":31,"value":808},"Cmd + Y",{"type":26,"tag":118,"props":810,"children":811},{},[812],{"type":26,"tag":216,"props":813,"children":815},{"className":814},[],[816],{"type":31,"value":817},"Ctrl + Y",{"type":26,"tag":118,"props":819,"children":820},{},[821],{"type":31,"value":822},"你已经准备好验收/回滚，并确认改动范围",{"type":26,"tag":96,"props":824,"children":825},{},[826,831,840,849],{"type":26,"tag":118,"props":827,"children":828},{},[829],{"type":31,"value":830},"拒绝当前建议",{"type":26,"tag":118,"props":832,"children":833},{},[834],{"type":26,"tag":216,"props":835,"children":837},{"className":836},[],[838],{"type":31,"value":839},"Cmd + N",{"type":26,"tag":118,"props":841,"children":842},{},[843],{"type":26,"tag":216,"props":844,"children":846},{"className":845},[],[847],{"type":31,"value":848},"Ctrl + N",{"type":26,"tag":118,"props":850,"children":851},{},[852],{"type":31,"value":853},"改得太大、改错方向，立刻收手",{"type":26,"tag":855,"props":856,"children":857},"blockquote",{},[858],{"type":26,"tag":27,"props":859,"children":860},{},[861],{"type":31,"value":862},"小技巧：把“改一小段”当默认路径。只有当你能清晰写出“会改哪几类文件、怎么验收”时再进入多文件。",{"type":26,"tag":547,"props":864,"children":865},{},[],{"type":26,"tag":76,"props":867,"children":869},{"id":868},"_10-个可直接照抄的提效工作流每个都能闭环",[870],{"type":31,"value":871},"10 个可直接照抄的提效工作流（每个都能闭环）",{"type":26,"tag":873,"props":874,"children":876},"h3",{"id":875},"工作流-1需求计划小步改新手最稳",[877],{"type":31,"value":878},"工作流 1：需求→计划→小步改（新手最稳）",{"type":26,"tag":477,"props":880,"children":881},{},[882,893],{"type":26,"tag":188,"props":883,"children":884},{},[885,891],{"type":26,"tag":216,"props":886,"children":888},{"className":887},[],[889],{"type":31,"value":890},"Cmd/Ctrl + L",{"type":31,"value":892}," 打开对话",{"type":26,"tag":188,"props":894,"children":895},{},[896],{"type":31,"value":897},"先发这段（可复制）：",{"type":26,"tag":855,"props":899,"children":900},{},[901],{"type":26,"tag":27,"props":902,"children":903},{},[904],{"type":31,"value":905},"目标：……\n范围：只修改以下文件/模块：……\n非目标：……（明确不做）\n验收：……（可测试/可手动检查）\n输出格式：先给计划，再逐步执行；每一步写出 diff 摘要。",{"type":26,"tag":477,"props":907,"children":908},{"start":414},[909,914],{"type":26,"tag":188,"props":910,"children":911},{},[912],{"type":31,"value":913},"让 AI 先给“计划（3~6 步）”，你确认后再执行",{"type":26,"tag":188,"props":915,"children":916},{},[917,919,925],{"type":31,"value":918},"任何一步涉及改代码：优先回到编辑区，选中片段用 ",{"type":26,"tag":216,"props":920,"children":922},{"className":921},[],[923],{"type":31,"value":924},"Cmd/Ctrl + K",{"type":31,"value":926}," 小步改",{"type":26,"tag":27,"props":928,"children":929},{},[930],{"type":31,"value":931},"为什么有效：你把“想法”变成了“可执行约束”，这就是 GEO（面向 AI/模型的可理解结构）。",{"type":26,"tag":873,"props":933,"children":935},{"id":934},"工作流-2只改一个函数高频低风险",[936],{"type":31,"value":937},"工作流 2：只改一个函数（高频、低风险）",{"type":26,"tag":184,"props":939,"children":940},{},[941],{"type":26,"tag":188,"props":942,"children":943},{},[944,946,951],{"type":31,"value":945},"选中函数 → ",{"type":26,"tag":216,"props":947,"children":949},{"className":948},[],[950],{"type":31,"value":924},{"type":31,"value":952}," → 输入指令：",{"type":26,"tag":855,"props":954,"children":955},{},[956,961],{"type":26,"tag":27,"props":957,"children":958},{},[959],{"type":31,"value":960},"把这段改成更可读：",{"type":26,"tag":184,"props":962,"children":963},{},[964,969,974,979],{"type":26,"tag":188,"props":965,"children":966},{},[967],{"type":31,"value":968},"用 async/await",{"type":26,"tag":188,"props":970,"children":971},{},[972],{"type":31,"value":973},"错误处理不要吞掉",{"type":26,"tag":188,"props":975,"children":976},{},[977],{"type":31,"value":978},"添加类型（若可推断）",{"type":26,"tag":188,"props":980,"children":981},{},[982],{"type":31,"value":983},"不要改函数签名",{"type":26,"tag":27,"props":985,"children":986},{},[987],{"type":31,"value":988},"验收方式（强制）：",{"type":26,"tag":184,"props":990,"children":991},{},[992,997],{"type":26,"tag":188,"props":993,"children":994},{},[995],{"type":31,"value":996},"输出前后函数行为一致（输入/输出）",{"type":26,"tag":188,"props":998,"children":999},{},[1000],{"type":31,"value":1001},"失败分支有可观测日志（不要悄悄 return null）",{"type":26,"tag":873,"props":1003,"children":1005},{"id":1004},"工作流-3多文件改动先定文件清单",[1006],{"type":31,"value":1007},"工作流 3：多文件改动（先定“文件清单”）",{"type":26,"tag":477,"props":1009,"children":1010},{},[1011,1022],{"type":26,"tag":188,"props":1012,"children":1013},{},[1014,1020],{"type":26,"tag":216,"props":1015,"children":1017},{"className":1016},[],[1018],{"type":31,"value":1019},"Cmd/Ctrl + I",{"type":31,"value":1021}," 进入多文件",{"type":26,"tag":188,"props":1023,"children":1024},{},[1025],{"type":31,"value":1026},"先让 AI 输出：",{"type":26,"tag":184,"props":1028,"children":1029},{},[1030,1035,1040],{"type":26,"tag":188,"props":1031,"children":1032},{},[1033],{"type":31,"value":1034},"预计会改哪些文件（最多 5 个）",{"type":26,"tag":188,"props":1036,"children":1037},{},[1038],{"type":31,"value":1039},"每个文件改什么",{"type":26,"tag":188,"props":1041,"children":1042},{},[1043],{"type":31,"value":1044},"每一步怎么验收",{"type":26,"tag":477,"props":1046,"children":1047},{"start":414},[1048],{"type":26,"tag":188,"props":1049,"children":1050},{},[1051],{"type":31,"value":1052},"你确认文件清单后再开始生成改动",{"type":26,"tag":27,"props":1054,"children":1055},{},[1056],{"type":31,"value":1057},"关键点：多文件最容易翻车的是“它把你没想到的文件也改了”。所以文件清单是第一道闸门。",{"type":26,"tag":873,"props":1059,"children":1061},{"id":1060},"工作流-4把上下文噪音砍掉防跑偏",[1062],{"type":31,"value":1063},"工作流 4：把“上下文噪音”砍掉（防跑偏）",{"type":26,"tag":27,"props":1065,"children":1066},{},[1067],{"type":31,"value":1068},"当你怀疑它在胡说/乱改时：",{"type":26,"tag":184,"props":1070,"children":1071},{},[1072,1085],{"type":26,"tag":188,"props":1073,"children":1074},{},[1075,1077,1083],{"type":31,"value":1076},"只选择关键代码片段 → ",{"type":26,"tag":216,"props":1078,"children":1080},{"className":1079},[],[1081],{"type":31,"value":1082},"Cmd/Ctrl + Shift + L",{"type":31,"value":1084}," 加入对话",{"type":26,"tag":188,"props":1086,"children":1087},{},[1088],{"type":31,"value":1089},"然后在对话里要求：",{"type":26,"tag":855,"props":1091,"children":1092},{},[1093],{"type":26,"tag":27,"props":1094,"children":1095},{},[1096],{"type":31,"value":1097},"只基于我提供的代码片段回答，不要假设其它文件存在。",{"type":26,"tag":873,"props":1099,"children":1101},{"id":1100},"工作流-5生成变更说明让-code-review-变快",[1102],{"type":31,"value":1103},"工作流 5：生成变更说明（让 code review 变快）",{"type":26,"tag":27,"props":1105,"children":1106},{},[1107],{"type":31,"value":1108},"改完后在对话里让它输出：",{"type":26,"tag":184,"props":1110,"children":1111},{},[1112,1117,1122,1127],{"type":26,"tag":188,"props":1113,"children":1114},{},[1115],{"type":31,"value":1116},"改动摘要（3~7 条）",{"type":26,"tag":188,"props":1118,"children":1119},{},[1120],{"type":31,"value":1121},"风险点（依赖/边界条件）",{"type":26,"tag":188,"props":1123,"children":1124},{},[1125],{"type":31,"value":1126},"回滚方式",{"type":26,"tag":188,"props":1128,"children":1129},{},[1130],{"type":31,"value":1131},"验收步骤",{"type":26,"tag":27,"props":1133,"children":1134},{},[1135],{"type":31,"value":1136},"这套结构能直接贴进 PR 描述。",{"type":26,"tag":873,"props":1138,"children":1140},{"id":1139},"工作流-6写最小回归集不写回归-等事故",[1141],{"type":31,"value":1142},"工作流 6：写“最小回归集”（不写回归 = 等事故）",{"type":26,"tag":27,"props":1144,"children":1145},{},[1146,1148,1154],{"type":31,"value":1147},"每次改动都至少做 10 条最小回归（见下文清单）。你可以把它写在 ",{"type":26,"tag":216,"props":1149,"children":1151},{"className":1150},[],[1152],{"type":31,"value":1153},"README",{"type":31,"value":1155}," 或团队 wiki。",{"type":26,"tag":873,"props":1157,"children":1159},{"id":1158},"工作流-7把接受建议变成最后一步",[1160],{"type":31,"value":1161},"工作流 7：把“接受建议”变成最后一步",{"type":26,"tag":27,"props":1163,"children":1164},{},[1165,1171,1173,1178],{"type":26,"tag":216,"props":1166,"children":1168},{"className":1167},[],[1169],{"type":31,"value":1170},"Cmd/Ctrl + Y",{"type":31,"value":1172}," 应该是",{"type":26,"tag":486,"props":1174,"children":1175},{},[1176],{"type":31,"value":1177},"最后一步",{"type":31,"value":1179},"：",{"type":26,"tag":184,"props":1181,"children":1182},{},[1183,1188,1193],{"type":26,"tag":188,"props":1184,"children":1185},{},[1186],{"type":31,"value":1187},"你已经看过 diff",{"type":26,"tag":188,"props":1189,"children":1190},{},[1191],{"type":31,"value":1192},"你能说清楚“怎么验收”",{"type":26,"tag":188,"props":1194,"children":1195},{},[1196],{"type":31,"value":1197},"你知道“怎么回滚”",{"type":26,"tag":873,"props":1199,"children":1201},{"id":1200},"工作流-8拒绝建议不是失败是风控动作",[1202],{"type":31,"value":1203},"工作流 8：拒绝建议不是失败，是风控动作",{"type":26,"tag":27,"props":1205,"children":1206},{},[1207,1213],{"type":26,"tag":216,"props":1208,"children":1210},{"className":1209},[],[1211],{"type":31,"value":1212},"Cmd/Ctrl + N",{"type":31,"value":1214}," 的使用时机：",{"type":26,"tag":184,"props":1216,"children":1217},{},[1218,1223,1228],{"type":26,"tag":188,"props":1219,"children":1220},{},[1221],{"type":31,"value":1222},"它开始改你没提过的东西（范围漂移）",{"type":26,"tag":188,"props":1224,"children":1225},{},[1226],{"type":31,"value":1227},"它改了 10 个文件但你只想改 1 个",{"type":26,"tag":188,"props":1229,"children":1230},{},[1231],{"type":31,"value":1232},"它为了“更优雅”引入新依赖/新抽象",{"type":26,"tag":873,"props":1234,"children":1236},{"id":1235},"工作流-9重复任务做成模板提示词不是一次性",[1237],{"type":31,"value":1238},"工作流 9：重复任务做成模板（提示词不是一次性）",{"type":26,"tag":27,"props":1240,"children":1241},{},[1242,1244,1248],{"type":31,"value":1243},"把高频任务（比如“写组件+样式+验收”）固化成模板，放进 Rules（见：",{"type":26,"tag":44,"props":1245,"children":1246},{"href":542},[1247],{"type":31,"value":545},{"type":31,"value":1249},"）。",{"type":26,"tag":873,"props":1251,"children":1253},{"id":1252},"工作流-10把快捷键表做成你自己的任务表",[1254],{"type":31,"value":1255},"工作流 10：把“快捷键表”做成你自己的任务表",{"type":26,"tag":27,"props":1257,"children":1258},{},[1259],{"type":31,"value":1260},"你不需要记住所有快捷键，只需要记住：",{"type":26,"tag":184,"props":1262,"children":1263},{},[1264,1274,1284,1294],{"type":26,"tag":188,"props":1265,"children":1266},{},[1267,1269],{"type":31,"value":1268},"小步改：",{"type":26,"tag":216,"props":1270,"children":1272},{"className":1271},[],[1273],{"type":31,"value":924},{"type":26,"tag":188,"props":1275,"children":1276},{},[1277,1279],{"type":31,"value":1278},"先对齐：",{"type":26,"tag":216,"props":1280,"children":1282},{"className":1281},[],[1283],{"type":31,"value":890},{"type":26,"tag":188,"props":1285,"children":1286},{},[1287,1289],{"type":31,"value":1288},"多文件：",{"type":26,"tag":216,"props":1290,"children":1292},{"className":1291},[],[1293],{"type":31,"value":1019},{"type":26,"tag":188,"props":1295,"children":1296},{},[1297,1299],{"type":31,"value":1298},"上下文聚焦：",{"type":26,"tag":216,"props":1300,"children":1302},{"className":1301},[],[1303],{"type":31,"value":1082},{"type":26,"tag":547,"props":1305,"children":1306},{},[],{"type":26,"tag":76,"props":1308,"children":1310},{"id":1309},"必交付物-1最小回归任务清单10-条通用",[1311],{"type":31,"value":1312},"必交付物 1：最小回归任务清单（10 条，通用）",{"type":26,"tag":855,"props":1314,"children":1315},{},[1316],{"type":26,"tag":27,"props":1317,"children":1318},{},[1319],{"type":31,"value":1320},"这份清单的意义：让每次 AI 改动都能“被验证”。否则你只是把不可控变成了更快的不可控。",{"type":26,"tag":477,"props":1322,"children":1323},{},[1324,1329,1334,1339,1344,1349,1354,1359,1364,1369],{"type":26,"tag":188,"props":1325,"children":1326},{},[1327],{"type":31,"value":1328},"关键路径能跑通（手动点击/请求一次）",{"type":26,"tag":188,"props":1330,"children":1331},{},[1332],{"type":31,"value":1333},"错误路径能触发（模拟一次失败输入）",{"type":26,"tag":188,"props":1335,"children":1336},{},[1337],{"type":31,"value":1338},"控制台无新增错误（至少关注 1 次真实操作）",{"type":26,"tag":188,"props":1340,"children":1341},{},[1342],{"type":31,"value":1343},"关键 UI 未错位（移动端/桌面端各看一眼）",{"type":26,"tag":188,"props":1345,"children":1346},{},[1347],{"type":31,"value":1348},"刷新后状态正确（尤其是表单/列表）",{"type":26,"tag":188,"props":1350,"children":1351},{},[1352],{"type":31,"value":1353},"路由跳转没断（从入口到目标页）",{"type":26,"tag":188,"props":1355,"children":1356},{},[1357],{"type":31,"value":1358},"相关接口未改变契约（字段名/类型）",{"type":26,"tag":188,"props":1360,"children":1361},{},[1362],{"type":31,"value":1363},"性能没有明显退化（首屏、交互卡顿）",{"type":26,"tag":188,"props":1365,"children":1366},{},[1367],{"type":31,"value":1368},"回滚方案可执行（知道回滚哪几个文件/commit）",{"type":26,"tag":188,"props":1370,"children":1371},{},[1372],{"type":31,"value":1373},"写下“这次改动解决了什么、风险是什么”（可贴 PR）",{"type":26,"tag":547,"props":1375,"children":1376},{},[],{"type":26,"tag":76,"props":1378,"children":1380},{"id":1379},"必交付物-2失败案例复盘真实会发生",[1381],{"type":31,"value":1382},"必交付物 2：失败案例复盘（真实会发生）",{"type":26,"tag":873,"props":1384,"children":1386},{"id":1385},"现象快捷键用得很熟但交付还是慢",[1387],{"type":31,"value":1388},"现象：快捷键用得很熟，但交付还是慢",{"type":26,"tag":27,"props":1390,"children":1391},{},[1392],{"type":31,"value":1393},"典型原因：你把 Cursor 当成“更聪明的搜索框”，不断对话，直到它给出你想要的答案。",{"type":26,"tag":27,"props":1395,"children":1396},{},[1397],{"type":31,"value":1398},"复现路径：",{"type":26,"tag":184,"props":1400,"children":1401},{},[1402,1407,1412,1417],{"type":26,"tag":188,"props":1403,"children":1404},{},[1405],{"type":31,"value":1406},"你直接说“把页面做得更好看、更高级”",{"type":26,"tag":188,"props":1408,"children":1409},{},[1410],{"type":31,"value":1411},"AI 开始大改样式、抽象组件、甚至引入新依赖",{"type":26,"tag":188,"props":1413,"children":1414},{},[1415],{"type":31,"value":1416},"你为了省事按了“接受建议”",{"type":26,"tag":188,"props":1418,"children":1419},{},[1420],{"type":31,"value":1421},"最后发现：设计没统一、移动端崩、甚至埋了性能问题",{"type":26,"tag":27,"props":1423,"children":1424},{},[1425,1427,1431,1433,1438],{"type":31,"value":1426},"根因：缺少",{"type":26,"tag":486,"props":1428,"children":1429},{},[1430],{"type":31,"value":611},{"type":31,"value":1432},"与",{"type":26,"tag":486,"props":1434,"children":1435},{},[1436],{"type":31,"value":1437},"验收",{"type":31,"value":1439},"。",{"type":26,"tag":27,"props":1441,"children":1442},{},[1443],{"type":31,"value":1444},"修复方式（可照抄）：",{"type":26,"tag":184,"props":1446,"children":1447},{},[1448,1453,1465],{"type":26,"tag":188,"props":1449,"children":1450},{},[1451],{"type":31,"value":1452},"把需求拆成 3 个可验证目标：例如“按钮样式统一”“首屏 CTA 更明显”“移动端间距不挤”",{"type":26,"tag":188,"props":1454,"children":1455},{},[1456,1458,1463],{"type":31,"value":1457},"每个目标只用 ",{"type":26,"tag":216,"props":1459,"children":1461},{"className":1460},[],[1462],{"type":31,"value":924},{"type":31,"value":1464}," 改一个局部",{"type":26,"tag":188,"props":1466,"children":1467},{},[1468],{"type":31,"value":1469},"每次接受建议前跑一遍“最小回归集”",{"type":26,"tag":547,"props":1471,"children":1472},{},[],{"type":26,"tag":76,"props":1474,"children":1476},{"id":1475},"faq高频问题",[1477],{"type":31,"value":1478},"FAQ（高频问题）",{"type":26,"tag":873,"props":1480,"children":1482},{"id":1481},"q1我应该先记快捷键还是先学工作流",[1483],{"type":31,"value":1484},"Q1：我应该先记快捷键还是先学工作流？",{"type":26,"tag":27,"props":1486,"children":1487},{},[1488],{"type":31,"value":1489},"先学工作流。快捷键只是把工作流的步骤变短。",{"type":26,"tag":873,"props":1491,"children":1493},{"id":1492},"q2为什么我一用多文件就容易翻车",[1494],{"type":31,"value":1495},"Q2：为什么我一用多文件就容易翻车？",{"type":26,"tag":27,"props":1497,"children":1498},{},[1499],{"type":31,"value":1500},"因为多文件意味着范围更大、依赖更多、验收更难。先锁定“文件清单 + 每步验收”，再让它动手。",{"type":26,"tag":873,"props":1502,"children":1504},{"id":1503},"q3有没有万能提示词",[1505],{"type":31,"value":1506},"Q3：有没有“万能提示词”？",{"type":26,"tag":27,"props":1508,"children":1509},{},[1510],{"type":31,"value":1511},"没有，但有“万能结构”：目标、范围、非目标、验收、输出格式。",{"type":26,"tag":547,"props":1513,"children":1514},{},[],{"type":26,"tag":76,"props":1516,"children":1518},{"id":1517},"延伸阅读建议按顺序",[1519],{"type":31,"value":1520},"延伸阅读（建议按顺序）",{"type":26,"tag":184,"props":1522,"children":1523},{},[1524,1531,1538,1545],{"type":26,"tag":188,"props":1525,"children":1526},{},[1527],{"type":26,"tag":44,"props":1528,"children":1529},{"href":520},[1530],{"type":31,"value":523},{"type":26,"tag":188,"props":1532,"children":1533},{},[1534],{"type":26,"tag":44,"props":1535,"children":1536},{"href":531},[1537],{"type":31,"value":534},{"type":26,"tag":188,"props":1539,"children":1540},{},[1541],{"type":26,"tag":44,"props":1542,"children":1543},{"href":542},[1544],{"type":31,"value":545},{"type":26,"tag":188,"props":1546,"children":1547},{},[1548,1550],{"type":31,"value":1549},"如果你更关心“网页制作落地”：看这篇 ",{"type":26,"tag":44,"props":1551,"children":1553},{"href":1552},"/topics/practical-tips/htmlpage-quick-landing-page",[1554],{"type":31,"value":1555},"3 分钟用 HTMLPAGE 做落地页",{"title":7,"searchDepth":414,"depth":414,"links":1557},[1558,1559,1560,1572,1573,1576,1581],{"id":552,"depth":417,"text":555},{"id":627,"depth":417,"text":630},{"id":868,"depth":417,"text":871,"children":1561},[1562,1563,1564,1565,1566,1567,1568,1569,1570,1571],{"id":875,"depth":414,"text":878},{"id":934,"depth":414,"text":937},{"id":1004,"depth":414,"text":1007},{"id":1060,"depth":414,"text":1063},{"id":1100,"depth":414,"text":1103},{"id":1139,"depth":414,"text":1142},{"id":1158,"depth":414,"text":1161},{"id":1200,"depth":414,"text":1203},{"id":1235,"depth":414,"text":1238},{"id":1252,"depth":414,"text":1255},{"id":1309,"depth":417,"text":1312},{"id":1379,"depth":417,"text":1382,"children":1574},[1575],{"id":1385,"depth":414,"text":1388},{"id":1475,"depth":417,"text":1478,"children":1577},[1578,1579,1580],{"id":1481,"depth":414,"text":1484},{"id":1492,"depth":414,"text":1495},{"id":1503,"depth":414,"text":1506},{"id":1517,"depth":417,"text":1520},"content:topics:ai:cursor-keyboard-shortcuts-cheatsheet.md","topics/ai/cursor-keyboard-shortcuts-cheatsheet.md","topics/ai/cursor-keyboard-shortcuts-cheatsheet",{"_path":1586,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":1587,"description":1588,"date":1589,"topic":5,"author":11,"tags":1590,"image":1594,"imageAlt":1595,"pexelsPhotoId":1596,"pexelsUrl":1597,"readingTime":1598,"body":1599,"_type":423,"_id":2532,"_source":425,"_file":2533,"_stem":2534,"_extension":428},"/topics/ai/cursor-vs-copilot-vscode-workflow","Cursor vs GitHub Copilot vs VS Code：怎么选、怎么搭配、怎么把风险关在笼子里","用“任务类型×风险×验收成本”的选择矩阵解释 Cursor/Copilot/VS Code 的差异，并给出一套可落地的协作工作流（范围闸门、最小回归集、回滚策略）。","2026-03-01",[436,1591,439,1592,1593],"GitHub Copilot","AI 编程","工作流","/images/topics/ai/cursor-vs-copilot-vscode-workflow.jpg","团队在电脑前进行协作讨论",1181371,"https://www.pexels.com/photo/man-wearing-blue-dress-shirt-1181371/",15,{"type":23,"children":1600,"toc":2510},[1601,1606,1611,1629,1634,1652,1655,1661,1666,1697,1702,1705,1711,1719,1923,1931,1944,1947,1953,1959,1972,1977,1990,1996,2001,2034,2040,2045,2063,2066,2072,2077,2083,2088,2121,2127,2140,2145,2158,2164,2176,2182,2187,2200,2205,2208,2214,2219,2340,2343,2349,2359,2368,2386,2395,2403,2412,2430,2433,2439,2445,2450,2456,2461,2464,2469],{"type":26,"tag":27,"props":1602,"children":1603},{},[1604],{"type":31,"value":1605},"“Cursor 和 Copilot 到底有什么区别？”",{"type":26,"tag":27,"props":1607,"children":1608},{},[1609],{"type":31,"value":1610},"这个问题问得越早越好，因为你一旦把工具选错，后面所有痛苦都不是“提示词不够好”，而是：",{"type":26,"tag":184,"props":1612,"children":1613},{},[1614,1619,1624],{"type":26,"tag":188,"props":1615,"children":1616},{},[1617],{"type":31,"value":1618},"改动不可控（范围漂移、改错文件）",{"type":26,"tag":188,"props":1620,"children":1621},{},[1622],{"type":31,"value":1623},"验收成本爆炸（不知道要测什么）",{"type":26,"tag":188,"props":1625,"children":1626},{},[1627],{"type":31,"value":1628},"团队协作崩盘（没有闸门、没有回滚）",{"type":26,"tag":27,"props":1630,"children":1631},{},[1632],{"type":31,"value":1633},"这篇文章用一张选择矩阵 + 一套可执行工作流，帮你做到两件事：",{"type":26,"tag":477,"props":1635,"children":1636},{},[1637,1642],{"type":26,"tag":188,"props":1638,"children":1639},{},[1640],{"type":31,"value":1641},"知道什么时候用 Cursor、什么时候用 Copilot、什么时候“纯 VS Code 更快”",{"type":26,"tag":188,"props":1643,"children":1644},{},[1645,1647],{"type":31,"value":1646},"就算用 AI，也能把风险关在笼子里：",{"type":26,"tag":486,"props":1648,"children":1649},{},[1650],{"type":31,"value":1651},"可审查、可验证、可回滚",{"type":26,"tag":547,"props":1653,"children":1654},{},[],{"type":26,"tag":76,"props":1656,"children":1658},{"id":1657},"结论先说三者不是互斥而是分工",[1659],{"type":31,"value":1660},"结论先说：三者不是互斥，而是分工",{"type":26,"tag":27,"props":1662,"children":1663},{},[1664],{"type":31,"value":1665},"你可以把它们看成三层能力：",{"type":26,"tag":184,"props":1667,"children":1668},{},[1669,1678,1688],{"type":26,"tag":188,"props":1670,"children":1671},{},[1672,1676],{"type":26,"tag":486,"props":1673,"children":1674},{},[1675],{"type":31,"value":439},{"type":31,"value":1677},"：编辑器与生态（调试、插件、任务、终端、语言服务）",{"type":26,"tag":188,"props":1679,"children":1680},{},[1681,1686],{"type":26,"tag":486,"props":1682,"children":1683},{},[1684],{"type":31,"value":1685},"Copilot",{"type":31,"value":1687},"：代码补全与局部建议（“我正在写这一行/这一段”）",{"type":26,"tag":188,"props":1689,"children":1690},{},[1691,1695],{"type":26,"tag":486,"props":1692,"children":1693},{},[1694],{"type":31,"value":436},{"type":31,"value":1696},"：以项目为单位的 AI 协作（对话、索引、多文件编辑、规则）",{"type":26,"tag":27,"props":1698,"children":1699},{},[1700],{"type":31,"value":1701},"最常见的误区是：把“局部补全能力”当作“能做架构与多文件落地”。",{"type":26,"tag":547,"props":1703,"children":1704},{},[],{"type":26,"tag":76,"props":1706,"children":1708},{"id":1707},"选择矩阵按任务类型选工具不是按偏好",[1709],{"type":31,"value":1710},"选择矩阵：按任务类型选工具（不是按偏好）",{"type":26,"tag":855,"props":1712,"children":1713},{},[1714],{"type":26,"tag":27,"props":1715,"children":1716},{},[1717],{"type":31,"value":1718},"你只要把自己的任务放进表格，就能得到推荐路径。",{"type":26,"tag":88,"props":1720,"children":1721},{},[1722,1754],{"type":26,"tag":92,"props":1723,"children":1724},{},[1725],{"type":26,"tag":96,"props":1726,"children":1727},{},[1728,1733,1739,1744,1749],{"type":26,"tag":100,"props":1729,"children":1730},{},[1731],{"type":31,"value":1732},"任务类型",{"type":26,"tag":100,"props":1734,"children":1736},{"align":1735},"right",[1737],{"type":31,"value":1738},"风险",{"type":26,"tag":100,"props":1740,"children":1741},{"align":1735},[1742],{"type":31,"value":1743},"验收成本",{"type":26,"tag":100,"props":1745,"children":1746},{},[1747],{"type":31,"value":1748},"更推荐",{"type":26,"tag":100,"props":1750,"children":1751},{},[1752],{"type":31,"value":1753},"为什么",{"type":26,"tag":111,"props":1755,"children":1756},{},[1757,1784,1817,1843,1870,1897],{"type":26,"tag":96,"props":1758,"children":1759},{},[1760,1765,1770,1774,1779],{"type":26,"tag":118,"props":1761,"children":1762},{},[1763],{"type":31,"value":1764},"写一段代码/补一个 if",{"type":26,"tag":118,"props":1766,"children":1767},{"align":1735},[1768],{"type":31,"value":1769},"低",{"type":26,"tag":118,"props":1771,"children":1772},{"align":1735},[1773],{"type":31,"value":1769},{"type":26,"tag":118,"props":1775,"children":1776},{},[1777],{"type":31,"value":1778},"Copilot / Cursor 内联编辑",{"type":26,"tag":118,"props":1780,"children":1781},{},[1782],{"type":31,"value":1783},"局部建议足够，成本最低",{"type":26,"tag":96,"props":1785,"children":1786},{},[1787,1792,1797,1801,1812],{"type":26,"tag":118,"props":1788,"children":1789},{},[1790],{"type":31,"value":1791},"重构一个函数",{"type":26,"tag":118,"props":1793,"children":1794},{"align":1735},[1795],{"type":31,"value":1796},"中",{"type":26,"tag":118,"props":1798,"children":1799},{"align":1735},[1800],{"type":31,"value":1796},{"type":26,"tag":118,"props":1802,"children":1803},{},[1804,1806],{"type":31,"value":1805},"Cursor ",{"type":26,"tag":216,"props":1807,"children":1809},{"className":1808},[],[1810],{"type":31,"value":1811},"内联编辑",{"type":26,"tag":118,"props":1813,"children":1814},{},[1815],{"type":31,"value":1816},"需要解释、需要约束输出",{"type":26,"tag":96,"props":1818,"children":1819},{},[1820,1825,1829,1833,1838],{"type":26,"tag":118,"props":1821,"children":1822},{},[1823],{"type":31,"value":1824},"改一个组件 + 样式",{"type":26,"tag":118,"props":1826,"children":1827},{"align":1735},[1828],{"type":31,"value":1796},{"type":26,"tag":118,"props":1830,"children":1831},{"align":1735},[1832],{"type":31,"value":1796},{"type":26,"tag":118,"props":1834,"children":1835},{},[1836],{"type":31,"value":1837},"Cursor（小范围多文件）",{"type":26,"tag":118,"props":1839,"children":1840},{},[1841],{"type":31,"value":1842},"需要同时改模板与样式",{"type":26,"tag":96,"props":1844,"children":1845},{},[1846,1851,1856,1860,1865],{"type":26,"tag":118,"props":1847,"children":1848},{},[1849],{"type":31,"value":1850},"改 3~5 个文件（组件+api+测试）",{"type":26,"tag":118,"props":1852,"children":1853},{"align":1735},[1854],{"type":31,"value":1855},"高",{"type":26,"tag":118,"props":1857,"children":1858},{"align":1735},[1859],{"type":31,"value":1855},{"type":26,"tag":118,"props":1861,"children":1862},{},[1863],{"type":31,"value":1864},"Cursor Composer + 闸门",{"type":26,"tag":118,"props":1866,"children":1867},{},[1868],{"type":31,"value":1869},"需要计划、验收、回滚",{"type":26,"tag":96,"props":1871,"children":1872},{},[1873,1878,1883,1887,1892],{"type":26,"tag":118,"props":1874,"children":1875},{},[1876],{"type":31,"value":1877},"重写一段架构/引入新依赖",{"type":26,"tag":118,"props":1879,"children":1880},{"align":1735},[1881],{"type":31,"value":1882},"很高",{"type":26,"tag":118,"props":1884,"children":1885},{"align":1735},[1886],{"type":31,"value":1882},{"type":26,"tag":118,"props":1888,"children":1889},{},[1890],{"type":31,"value":1891},"先人脑设计 + VS Code 实现",{"type":26,"tag":118,"props":1893,"children":1894},{},[1895],{"type":31,"value":1896},"AI 易发散，最好先设计再执行",{"type":26,"tag":96,"props":1898,"children":1899},{},[1900,1905,1909,1913,1918],{"type":26,"tag":118,"props":1901,"children":1902},{},[1903],{"type":31,"value":1904},"排查线上问题/性能抖动",{"type":26,"tag":118,"props":1906,"children":1907},{"align":1735},[1908],{"type":31,"value":1855},{"type":26,"tag":118,"props":1910,"children":1911},{"align":1735},[1912],{"type":31,"value":1882},{"type":26,"tag":118,"props":1914,"children":1915},{},[1916],{"type":31,"value":1917},"VS Code + 工具链优先，AI 辅助归纳",{"type":26,"tag":118,"props":1919,"children":1920},{},[1921],{"type":31,"value":1922},"需要证据，不要“猜”",{"type":26,"tag":27,"props":1924,"children":1925},{},[1926],{"type":26,"tag":486,"props":1927,"children":1928},{},[1929],{"type":31,"value":1930},"一句话规则：",{"type":26,"tag":184,"props":1932,"children":1933},{},[1934,1939],{"type":26,"tag":188,"props":1935,"children":1936},{},[1937],{"type":31,"value":1938},"当你的改动可以用“10 条最小回归集”覆盖时，用 Cursor。",{"type":26,"tag":188,"props":1940,"children":1941},{},[1942],{"type":31,"value":1943},"当你的改动无法验证时，先别让 AI 动手。",{"type":26,"tag":547,"props":1945,"children":1946},{},[],{"type":26,"tag":76,"props":1948,"children":1950},{"id":1949},"差异拆解到底差在哪里",[1951],{"type":31,"value":1952},"差异拆解：到底差在哪里？",{"type":26,"tag":873,"props":1954,"children":1956},{"id":1955},"_1-上下文来源补全-vs-项目索引",[1957],{"type":31,"value":1958},"1) 上下文来源：补全 vs 项目索引",{"type":26,"tag":184,"props":1960,"children":1961},{},[1962,1967],{"type":26,"tag":188,"props":1963,"children":1964},{},[1965],{"type":31,"value":1966},"Copilot 更擅长：你正在写的这几行、当前文件的局部上下文",{"type":26,"tag":188,"props":1968,"children":1969},{},[1970],{"type":31,"value":1971},"Cursor 更擅长：项目级索引 + 多文件关联理解",{"type":26,"tag":27,"props":1973,"children":1974},{},[1975],{"type":31,"value":1976},"因此：",{"type":26,"tag":184,"props":1978,"children":1979},{},[1980,1985],{"type":26,"tag":188,"props":1981,"children":1982},{},[1983],{"type":31,"value":1984},"写代码片段：Copilot 速度更快",{"type":26,"tag":188,"props":1986,"children":1987},{},[1988],{"type":31,"value":1989},"改一坨工程：Cursor 更有胜算（但更需要闸门）",{"type":26,"tag":873,"props":1991,"children":1993},{"id":1992},"_2-交互方式你能不能控制范围",[1994],{"type":31,"value":1995},"2) 交互方式：你能不能控制范围",{"type":26,"tag":27,"props":1997,"children":1998},{},[1999],{"type":31,"value":2000},"范围控制的三个层级：",{"type":26,"tag":477,"props":2002,"children":2003},{},[2004,2014,2024],{"type":26,"tag":188,"props":2005,"children":2006},{},[2007,2009],{"type":31,"value":2008},"内联编辑（选中一段）→ ",{"type":26,"tag":486,"props":2010,"children":2011},{},[2012],{"type":31,"value":2013},"最强范围控制",{"type":26,"tag":188,"props":2015,"children":2016},{},[2017,2019],{"type":31,"value":2018},"Composer 多文件（先列文件清单）→ ",{"type":26,"tag":486,"props":2020,"children":2021},{},[2022],{"type":31,"value":2023},"可控但要闸门",{"type":26,"tag":188,"props":2025,"children":2026},{},[2027,2029],{"type":31,"value":2028},"大对话（泛目标）→ ",{"type":26,"tag":486,"props":2030,"children":2031},{},[2032],{"type":31,"value":2033},"最容易跑偏",{"type":26,"tag":873,"props":2035,"children":2037},{"id":2036},"_3-输出形态建议-vs-可审查的变更",[2038],{"type":31,"value":2039},"3) 输出形态：建议 vs 可审查的变更",{"type":26,"tag":27,"props":2041,"children":2042},{},[2043],{"type":31,"value":2044},"最好的 AI 输出不是“给我一段代码”，而是：",{"type":26,"tag":184,"props":2046,"children":2047},{},[2048,2053,2058],{"type":26,"tag":188,"props":2049,"children":2050},{},[2051],{"type":31,"value":2052},"改动摘要（做了什么）",{"type":26,"tag":188,"props":2054,"children":2055},{},[2056],{"type":31,"value":2057},"diff 级别的可审查变更",{"type":26,"tag":188,"props":2059,"children":2060},{},[2061],{"type":31,"value":2062},"验收步骤与回滚方案",{"type":26,"tag":547,"props":2064,"children":2065},{},[],{"type":26,"tag":76,"props":2067,"children":2069},{"id":2068},"一套可落地的团队工作流把风险关住",[2070],{"type":31,"value":2071},"一套可落地的团队工作流（把风险关住）",{"type":26,"tag":27,"props":2073,"children":2074},{},[2075],{"type":31,"value":2076},"下面这套流程，你可以直接写进团队规范：",{"type":26,"tag":873,"props":2078,"children":2080},{"id":2079},"step-1先写任务单geo-友好结构",[2081],{"type":31,"value":2082},"Step 1：先写任务单（GEO 友好结构）",{"type":26,"tag":27,"props":2084,"children":2085},{},[2086],{"type":31,"value":2087},"模板：",{"type":26,"tag":184,"props":2089,"children":2090},{},[2091,2096,2101,2106,2111,2116],{"type":26,"tag":188,"props":2092,"children":2093},{},[2094],{"type":31,"value":2095},"目标：……",{"type":26,"tag":188,"props":2097,"children":2098},{},[2099],{"type":31,"value":2100},"背景：……",{"type":26,"tag":188,"props":2102,"children":2103},{},[2104],{"type":31,"value":2105},"范围：只改这些文件/模块：……",{"type":26,"tag":188,"props":2107,"children":2108},{},[2109],{"type":31,"value":2110},"非目标：不做哪些事情：……",{"type":26,"tag":188,"props":2112,"children":2113},{},[2114],{"type":31,"value":2115},"验收：如何判断完成（可测试/可观察）：……",{"type":26,"tag":188,"props":2117,"children":2118},{},[2119],{"type":31,"value":2120},"回滚：如果失败怎么撤回：……",{"type":26,"tag":873,"props":2122,"children":2124},{"id":2123},"step-2用范围闸门限制-ai",[2125],{"type":31,"value":2126},"Step 2：用“范围闸门”限制 AI",{"type":26,"tag":184,"props":2128,"children":2129},{},[2130,2135],{"type":26,"tag":188,"props":2131,"children":2132},{},[2133],{"type":31,"value":2134},"单文件改动：优先 Cursor 内联编辑",{"type":26,"tag":188,"props":2136,"children":2137},{},[2138],{"type":31,"value":2139},"多文件改动：必须先让 AI 输出“文件清单（≤5）+ 每步验收”",{"type":26,"tag":27,"props":2141,"children":2142},{},[2143],{"type":31,"value":2144},"如果 AI 输出的文件清单超过 5 个：",{"type":26,"tag":184,"props":2146,"children":2147},{},[2148,2153],{"type":26,"tag":188,"props":2149,"children":2150},{},[2151],{"type":31,"value":2152},"不是它太强，是任务太大",{"type":26,"tag":188,"props":2154,"children":2155},{},[2156],{"type":31,"value":2157},"你需要拆任务，而不是继续推进",{"type":26,"tag":873,"props":2159,"children":2161},{"id":2160},"step-3最小回归集10-条",[2162],{"type":31,"value":2163},"Step 3：最小回归集（10 条）",{"type":26,"tag":27,"props":2165,"children":2166},{},[2167,2169,2174],{"type":31,"value":2168},"每次接受改动前必须跑（可参考：",{"type":26,"tag":44,"props":2170,"children":2171},{"href":431},[2172],{"type":31,"value":2173},"Cursor 快捷键速查表",{"type":31,"value":2175}," 里的清单）。",{"type":26,"tag":873,"props":2177,"children":2179},{"id":2178},"step-4回滚策略不用等事故才想",[2180],{"type":31,"value":2181},"Step 4：回滚策略（不用等事故才想）",{"type":26,"tag":27,"props":2183,"children":2184},{},[2185],{"type":31,"value":2186},"回滚最常见的两条路：",{"type":26,"tag":184,"props":2188,"children":2189},{},[2190,2195],{"type":26,"tag":188,"props":2191,"children":2192},{},[2193],{"type":31,"value":2194},"git 回滚 commit",{"type":26,"tag":188,"props":2196,"children":2197},{},[2198],{"type":31,"value":2199},"对关键文件保留前版本（至少能快速恢复）",{"type":26,"tag":27,"props":2201,"children":2202},{},[2203],{"type":31,"value":2204},"你需要做到：任何一轮 AI 改动都能在 5 分钟内撤回。",{"type":26,"tag":547,"props":2206,"children":2207},{},[],{"type":26,"tag":76,"props":2209,"children":2211},{"id":2210},"必交付物对比矩阵可复制",[2212],{"type":31,"value":2213},"必交付物：对比矩阵（可复制）",{"type":26,"tag":27,"props":2215,"children":2216},{},[2217],{"type":31,"value":2218},"下面这张表可以直接贴到你的团队 wiki：",{"type":26,"tag":88,"props":2220,"children":2221},{},[2222,2245],{"type":26,"tag":92,"props":2223,"children":2224},{},[2225],{"type":26,"tag":96,"props":2226,"children":2227},{},[2228,2233,2237,2241],{"type":26,"tag":100,"props":2229,"children":2230},{},[2231],{"type":31,"value":2232},"维度",{"type":26,"tag":100,"props":2234,"children":2235},{},[2236],{"type":31,"value":439},{"type":26,"tag":100,"props":2238,"children":2239},{},[2240],{"type":31,"value":1685},{"type":26,"tag":100,"props":2242,"children":2243},{},[2244],{"type":31,"value":436},{"type":26,"tag":111,"props":2246,"children":2247},{},[2248,2271,2294,2317],{"type":26,"tag":96,"props":2249,"children":2250},{},[2251,2256,2261,2266],{"type":26,"tag":118,"props":2252,"children":2253},{},[2254],{"type":31,"value":2255},"强项",{"type":26,"tag":118,"props":2257,"children":2258},{},[2259],{"type":31,"value":2260},"工具链、调试、生态",{"type":26,"tag":118,"props":2262,"children":2263},{},[2264],{"type":31,"value":2265},"补全与局部建议",{"type":26,"tag":118,"props":2267,"children":2268},{},[2269],{"type":31,"value":2270},"项目上下文、多文件落地",{"type":26,"tag":96,"props":2272,"children":2273},{},[2274,2279,2284,2289],{"type":26,"tag":118,"props":2275,"children":2276},{},[2277],{"type":31,"value":2278},"适合任务",{"type":26,"tag":118,"props":2280,"children":2281},{},[2282],{"type":31,"value":2283},"排查、调试、验证",{"type":26,"tag":118,"props":2285,"children":2286},{},[2287],{"type":31,"value":2288},"写一段、补一段",{"type":26,"tag":118,"props":2290,"children":2291},{},[2292],{"type":31,"value":2293},"改一段、改一组文件",{"type":26,"tag":96,"props":2295,"children":2296},{},[2297,2302,2307,2312],{"type":26,"tag":118,"props":2298,"children":2299},{},[2300],{"type":31,"value":2301},"最大风险",{"type":26,"tag":118,"props":2303,"children":2304},{},[2305],{"type":31,"value":2306},"无",{"type":26,"tag":118,"props":2308,"children":2309},{},[2310],{"type":31,"value":2311},"过度依赖建议",{"type":26,"tag":118,"props":2313,"children":2314},{},[2315],{"type":31,"value":2316},"范围漂移、多文件回归",{"type":26,"tag":96,"props":2318,"children":2319},{},[2320,2325,2330,2335],{"type":26,"tag":118,"props":2321,"children":2322},{},[2323],{"type":31,"value":2324},"必须搭配",{"type":26,"tag":118,"props":2326,"children":2327},{},[2328],{"type":31,"value":2329},"规范与检查",{"type":26,"tag":118,"props":2331,"children":2332},{},[2333],{"type":31,"value":2334},"代码评审",{"type":26,"tag":118,"props":2336,"children":2337},{},[2338],{"type":31,"value":2339},"闸门 + 最小回归集",{"type":26,"tag":547,"props":2341,"children":2342},{},[],{"type":26,"tag":76,"props":2344,"children":2346},{"id":2345},"失败案例多文件看似成功实际埋雷",[2347],{"type":31,"value":2348},"失败案例：多文件“看似成功”，实际埋雷",{"type":26,"tag":27,"props":2350,"children":2351},{},[2352,2357],{"type":26,"tag":486,"props":2353,"children":2354},{},[2355],{"type":31,"value":2356},"现象",{"type":31,"value":2358},"：AI 说“我已经把所有地方都改了”，你也接受了，结果上线后 404 或样式错位。",{"type":26,"tag":27,"props":2360,"children":2361},{},[2362,2367],{"type":26,"tag":486,"props":2363,"children":2364},{},[2365],{"type":31,"value":2366},"复现条件",{"type":31,"value":1179},{"type":26,"tag":184,"props":2369,"children":2370},{},[2371,2376,2381],{"type":26,"tag":188,"props":2372,"children":2373},{},[2374],{"type":31,"value":2375},"你给了一个大目标（例如“把所有按钮统一成主题色”）",{"type":26,"tag":188,"props":2377,"children":2378},{},[2379],{"type":31,"value":2380},"它改了组件、样式、甚至主题配置",{"type":26,"tag":188,"props":2382,"children":2383},{},[2384],{"type":31,"value":2385},"你没有按页面模块走一遍，直接合并",{"type":26,"tag":27,"props":2387,"children":2388},{},[2389,2394],{"type":26,"tag":486,"props":2390,"children":2391},{},[2392],{"type":31,"value":2393},"根因",{"type":31,"value":1179},{"type":26,"tag":184,"props":2396,"children":2397},{},[2398],{"type":26,"tag":188,"props":2399,"children":2400},{},[2401],{"type":31,"value":2402},"改动范围大，但验收仍按“小改动”的方式做（只看一处）",{"type":26,"tag":27,"props":2404,"children":2405},{},[2406,2411],{"type":26,"tag":486,"props":2407,"children":2408},{},[2409],{"type":31,"value":2410},"修复",{"type":31,"value":1179},{"type":26,"tag":184,"props":2413,"children":2414},{},[2415,2420,2425],{"type":26,"tag":188,"props":2416,"children":2417},{},[2418],{"type":31,"value":2419},"强制把任务拆成“模块级目标”：Hero、Feature、Pricing、Form",{"type":26,"tag":188,"props":2421,"children":2422},{},[2423],{"type":31,"value":2424},"每个模块改完就验收一次",{"type":26,"tag":188,"props":2426,"children":2427},{},[2428],{"type":31,"value":2429},"验收通过再进入下一个模块",{"type":26,"tag":547,"props":2431,"children":2432},{},[],{"type":26,"tag":76,"props":2434,"children":2436},{"id":2435},"faq",[2437],{"type":31,"value":2438},"FAQ",{"type":26,"tag":873,"props":2440,"children":2442},{"id":2441},"q1我已经用了-cursor为什么还要用-copilot",[2443],{"type":31,"value":2444},"Q1：我已经用了 Cursor，为什么还要用 Copilot？",{"type":26,"tag":27,"props":2446,"children":2447},{},[2448],{"type":31,"value":2449},"因为“补全”这种高频低风险任务，Copilot 的交互成本更低；Cursor 更适合需要解释与约束的改动。",{"type":26,"tag":873,"props":2451,"children":2453},{"id":2452},"q2什么时候应该完全不用-ai",[2454],{"type":31,"value":2455},"Q2：什么时候应该完全不用 AI？",{"type":26,"tag":27,"props":2457,"children":2458},{},[2459],{"type":31,"value":2460},"当你无法定义验收标准时。比如“更高级”“更好看”这种目标，先做信息结构与设计规则，再让 AI 帮你落地局部。",{"type":26,"tag":547,"props":2462,"children":2463},{},[],{"type":26,"tag":76,"props":2465,"children":2467},{"id":2466},"延伸阅读",[2468],{"type":31,"value":2466},{"type":26,"tag":184,"props":2470,"children":2471},{},[2472,2481,2490,2499],{"type":26,"tag":188,"props":2473,"children":2474},{},[2475,2477],{"type":31,"value":2476},"Cursor 入门：",{"type":26,"tag":44,"props":2478,"children":2479},{"href":520},[2480],{"type":31,"value":523},{"type":26,"tag":188,"props":2482,"children":2483},{},[2484,2486],{"type":31,"value":2485},"Cursor 进阶：",{"type":26,"tag":44,"props":2487,"children":2488},{"href":531},[2489],{"type":31,"value":534},{"type":26,"tag":188,"props":2491,"children":2492},{},[2493,2495],{"type":31,"value":2494},"规则配置：",{"type":26,"tag":44,"props":2496,"children":2497},{"href":542},[2498],{"type":31,"value":545},{"type":26,"tag":188,"props":2500,"children":2501},{},[2502,2504],{"type":31,"value":2503},"Copilot 实战：",{"type":26,"tag":44,"props":2505,"children":2507},{"href":2506},"/topics/ai/github-copilot-tips",[2508],{"type":31,"value":2509},"GitHub Copilot 实用技巧",{"title":7,"searchDepth":414,"depth":414,"links":2511},[2512,2513,2514,2519,2525,2526,2527,2531],{"id":1657,"depth":417,"text":1660},{"id":1707,"depth":417,"text":1710},{"id":1949,"depth":417,"text":1952,"children":2515},[2516,2517,2518],{"id":1955,"depth":414,"text":1958},{"id":1992,"depth":414,"text":1995},{"id":2036,"depth":414,"text":2039},{"id":2068,"depth":417,"text":2071,"children":2520},[2521,2522,2523,2524],{"id":2079,"depth":414,"text":2082},{"id":2123,"depth":414,"text":2126},{"id":2160,"depth":414,"text":2163},{"id":2178,"depth":414,"text":2181},{"id":2210,"depth":417,"text":2213},{"id":2345,"depth":417,"text":2348},{"id":2435,"depth":417,"text":2438,"children":2528},[2529,2530],{"id":2441,"depth":414,"text":2444},{"id":2452,"depth":414,"text":2455},{"id":2466,"depth":417,"text":2466},"content:topics:ai:cursor-vs-copilot-vscode-workflow.md","topics/ai/cursor-vs-copilot-vscode-workflow.md","topics/ai/cursor-vs-copilot-vscode-workflow",{"_path":2536,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":2537,"description":2538,"date":2539,"topic":5,"author":11,"tags":2540,"image":2545,"featured":317,"readingTime":1598,"body":2546,"_type":423,"_id":3194,"_source":425,"_file":3195,"_stem":3196,"_extension":428},"/topics/ai/ai-debugging-troubleshooting-guide","AI 辅助调试与问题排查：让 AI 成为你的调试搭档","深入探讨如何利用 AI 工具提升调试效率，包括错误信息分析、日志解读、性能问题定位、复杂 bug 排查等实战场景，构建 AI 驱动的调试工作流。","2026-01-18",[2541,2542,2543,440,2544],"AI 调试","问题排查","Debug","错误处理","/images/topics/ai/ai-debugging-guide.jpg",{"type":23,"children":2547,"toc":3165},[2548,2554,2560,2565,2570,2575,2581,2587,2592,2600,2628,2636,2659,2665,2675,2684,2692,2700,2733,2741,2771,2784,2792,2797,2805,2813,2824,2830,2838,2849,2857,2866,2872,2878,2883,2892,2898,2903,2912,2918,2924,2933,2939,2948,2954,2965,2971,2977,2986,2992,3001,3007,3013,3021,3027,3036,3044,3052,3055,3061,3066,3085,3097,3100,3106,3111,3120,3125,3128,3134,3139,3157],{"type":26,"tag":76,"props":2549,"children":2551},{"id":2550},"ai-辅助调试与问题排查",[2552],{"type":31,"value":2553},"AI 辅助调试与问题排查",{"type":26,"tag":76,"props":2555,"children":2557},{"id":2556},"引言调试的痛与-ai-的解药",[2558],{"type":31,"value":2559},"引言：调试的痛与 AI 的解药",{"type":26,"tag":27,"props":2561,"children":2562},{},[2563],{"type":31,"value":2564},"调试是每个程序员的日常，也是最消耗时间和精力的工作之一。我们都有过这样的经历：盯着一个莫名其妙的错误信息，翻遍 Stack Overflow，尝试各种方案，几个小时后才发现是一个愚蠢的拼写错误。",{"type":26,"tag":27,"props":2566,"children":2567},{},[2568],{"type":31,"value":2569},"AI 工具的出现，正在改变调试的方式。不是替代你的思考，而是加速你的分析过程——帮你快速理解错误、缩小排查范围、验证假设。",{"type":26,"tag":27,"props":2571,"children":2572},{},[2573],{"type":31,"value":2574},"这篇文章分享我在实际项目中使用 AI 辅助调试的经验和方法论。",{"type":26,"tag":76,"props":2576,"children":2578},{"id":2577},"第一部分建立-ai-调试的思维模型",[2579],{"type":31,"value":2580},"第一部分：建立 AI 调试的思维模型",{"type":26,"tag":873,"props":2582,"children":2584},{"id":2583},"_11-ai-在调试中的角色",[2585],{"type":31,"value":2586},"1.1 AI 在调试中的角色",{"type":26,"tag":27,"props":2588,"children":2589},{},[2590],{"type":31,"value":2591},"把 AI 想象成一个经验丰富但不了解你项目的高级工程师。它：",{"type":26,"tag":27,"props":2593,"children":2594},{},[2595],{"type":26,"tag":486,"props":2596,"children":2597},{},[2598],{"type":31,"value":2599},"擅长的事情：",{"type":26,"tag":184,"props":2601,"children":2602},{},[2603,2608,2613,2618,2623],{"type":26,"tag":188,"props":2604,"children":2605},{},[2606],{"type":31,"value":2607},"解读错误信息的含义",{"type":26,"tag":188,"props":2609,"children":2610},{},[2611],{"type":31,"value":2612},"提供可能的原因列表",{"type":26,"tag":188,"props":2614,"children":2615},{},[2616],{"type":31,"value":2617},"给出排查方向建议",{"type":26,"tag":188,"props":2619,"children":2620},{},[2621],{"type":31,"value":2622},"解释复杂的技术概念",{"type":26,"tag":188,"props":2624,"children":2625},{},[2626],{"type":31,"value":2627},"生成调试代码片段",{"type":26,"tag":27,"props":2629,"children":2630},{},[2631],{"type":26,"tag":486,"props":2632,"children":2633},{},[2634],{"type":31,"value":2635},"不擅长的事情：",{"type":26,"tag":184,"props":2637,"children":2638},{},[2639,2644,2649,2654],{"type":26,"tag":188,"props":2640,"children":2641},{},[2642],{"type":31,"value":2643},"了解你的业务逻辑",{"type":26,"tag":188,"props":2645,"children":2646},{},[2647],{"type":31,"value":2648},"知道你的代码历史",{"type":26,"tag":188,"props":2650,"children":2651},{},[2652],{"type":31,"value":2653},"理解项目特定的约定",{"type":26,"tag":188,"props":2655,"children":2656},{},[2657],{"type":31,"value":2658},"做出架构级判断",{"type":26,"tag":873,"props":2660,"children":2662},{"id":2661},"_12-有效提问的结构",[2663],{"type":31,"value":2664},"1.2 有效提问的结构",{"type":26,"tag":209,"props":2666,"children":2670},{"code":2667,"language":423,"meta":7,"className":2668},"## 高效的调试提问模板\n\n**问题描述**\n[简洁描述遇到的问题]\n\n**错误信息**\n",[2669],"language-markdown",[2671],{"type":26,"tag":216,"props":2672,"children":2673},{"__ignoreMap":7},[2674],{"type":31,"value":2667},{"type":26,"tag":27,"props":2676,"children":2677},{},[2678],{"type":26,"tag":2679,"props":2680,"children":2681},"span",{},[2682],{"type":31,"value":2683},"完整的错误信息，不要截断",{"type":26,"tag":209,"props":2685,"children":2687},{"code":2686},"\n**相关代码**\n```javascript\n[精简但完整的相关代码]\n",[2688],{"type":26,"tag":216,"props":2689,"children":2690},{"__ignoreMap":7},[2691],{"type":31,"value":2686},{"type":26,"tag":27,"props":2693,"children":2694},{},[2695],{"type":26,"tag":486,"props":2696,"children":2697},{},[2698],{"type":31,"value":2699},"环境信息",{"type":26,"tag":184,"props":2701,"children":2702},{},[2703,2713,2723],{"type":26,"tag":188,"props":2704,"children":2705},{},[2706,2708],{"type":31,"value":2707},"运行环境：",{"type":26,"tag":2679,"props":2709,"children":2710},{},[2711],{"type":31,"value":2712},"Node 版本/浏览器版本",{"type":26,"tag":188,"props":2714,"children":2715},{},[2716,2718],{"type":31,"value":2717},"框架版本：",{"type":26,"tag":2679,"props":2719,"children":2720},{},[2721],{"type":31,"value":2722},"相关框架版本",{"type":26,"tag":188,"props":2724,"children":2725},{},[2726,2728],{"type":31,"value":2727},"操作系统：",{"type":26,"tag":2679,"props":2729,"children":2730},{},[2731],{"type":31,"value":2732},"如果相关",{"type":26,"tag":27,"props":2734,"children":2735},{},[2736],{"type":26,"tag":486,"props":2737,"children":2738},{},[2739],{"type":31,"value":2740},"已尝试的方案",{"type":26,"tag":184,"props":2742,"children":2743},{},[2744,2758],{"type":26,"tag":188,"props":2745,"children":2746},{},[2747,2752,2753],{"type":26,"tag":2679,"props":2748,"children":2749},{},[2750],{"type":31,"value":2751},"方案1",{"type":31,"value":1179},{"type":26,"tag":2679,"props":2754,"children":2755},{},[2756],{"type":31,"value":2757},"结果",{"type":26,"tag":188,"props":2759,"children":2760},{},[2761,2766,2767],{"type":26,"tag":2679,"props":2762,"children":2763},{},[2764],{"type":31,"value":2765},"方案2",{"type":31,"value":1179},{"type":26,"tag":2679,"props":2768,"children":2769},{},[2770],{"type":31,"value":2757},{"type":26,"tag":27,"props":2772,"children":2773},{},[2774,2779],{"type":26,"tag":486,"props":2775,"children":2776},{},[2777],{"type":31,"value":2778},"期望的结果",{"type":26,"tag":2679,"props":2780,"children":2781},{},[2782],{"type":31,"value":2783},"描述期望的行为",{"type":26,"tag":209,"props":2785,"children":2787},{"code":2786},"\n### 1.3 分级调试策略\n\n",[2788],{"type":26,"tag":216,"props":2789,"children":2790},{"__ignoreMap":7},[2791],{"type":31,"value":2786},{"type":26,"tag":27,"props":2793,"children":2794},{},[2795],{"type":31,"value":2796},"┌───────────────────────────────────────────────────────────┐\n│                    AI 辅助调试决策树                        │\n├───────────────────────────────────────────────────────────┤\n│                                                           │\n│  Level 1：简单错误（5分钟内解决）                           │\n│  ├── 语法错误、拼写错误                                    │\n│  ├── 方法：直接复制错误信息给 AI                           │\n│  └── 工具：Copilot Chat / ChatGPT                        │\n│                                                           │\n│  Level 2：中等复杂度（30分钟内解决）                        │\n│  ├── 类型错误、逻辑错误、API 使用错误                      │\n│  ├── 方法：提供错误信息 + 相关代码 + 上下文                 │\n│  └── 工具：Cursor Chat / Claude                          │\n│                                                           │\n│  Level 3：复杂问题（需要深入分析）                          │\n│  ├── 竞态条件、内存泄漏、性能问题                          │\n│  ├── 方法：详细描述场景 + 提供多个文件 + 讨论               │\n│  └── 工具：Cursor Composer / 专门的 AI 会话                │\n│                                                           │\n│  Level 4：架构级问题                                       │\n│  ├── 设计缺陷、技术债务                                    │\n│  ├── 方法：AI 辅助分析 + 人工判断                          │\n│  └── 工具：与团队讨论 + AI 作为顾问                        │\n│                                                           │\n└───────────────────────────────────────────────────────────┘",{"type":26,"tag":209,"props":2798,"children":2800},{"code":2799},"\n## 第二部分：错误信息分析\n\n### 2.1 前端错误分析\n\n**场景 1：React 错误边界触发**\n\n```typescript\n// 错误信息：\n// Error: Hydration failed because the initial UI does not match \n// what was rendered on the server.\n\n// 提问方式：\n/**\n * 我在 Next.js 14 App Router 项目中遇到这个错误：\n * \n * Error: Hydration failed because the initial UI does not match \n * what was rendered on the server.\n * \n * 相关代码：\n */\nfunction UserStatus() {\n  const [isLoggedIn, setIsLoggedIn] = useState(false);\n  \n  useEffect(() => {\n    setIsLoggedIn(localStorage.getItem('token') !== null);\n  }, []);\n  \n  return \u003Cdiv>{isLoggedIn ? '已登录' : '未登录'}\u003C/div>;\n}\n\n// AI 会分析出：\n// 1. 服务端渲染时 localStorage 不可用，默认 false\n// 2. 客户端 hydration 时可能是 true\n// 3. 导致服务端和客户端渲染结果不一致\n\n// AI 建议的解决方案：\nfunction UserStatus() {\n  const [isLoggedIn, setIsLoggedIn] = useState\u003Cboolean | null>(null);\n  \n  useEffect(() => {\n    setIsLoggedIn(localStorage.getItem('token') !== null);\n  }, []);\n  \n  // 初始状态显示加载中，避免 hydration 不匹配\n  if (isLoggedIn === null) {\n    return \u003Cdiv>加载中...\u003C/div>;\n  }\n  \n  return \u003Cdiv>{isLoggedIn ? '已登录' : '未登录'}\u003C/div>;\n}\n",[2801],{"type":26,"tag":216,"props":2802,"children":2803},{"__ignoreMap":7},[2804],{"type":31,"value":2799},{"type":26,"tag":27,"props":2806,"children":2807},{},[2808],{"type":26,"tag":486,"props":2809,"children":2810},{},[2811],{"type":31,"value":2812},"场景 2：Vue 响应式警告",{"type":26,"tag":209,"props":2814,"children":2819},{"code":2815,"language":2816,"meta":7,"className":2817},"// 警告信息：\n// [Vue warn]: Property \"xxx\" was accessed during render but is not \n// defined on instance.\n\n// 提问方式：\n/**\n * Vue 3 项目中出现这个警告：\n * [Vue warn]: Property \"userInfo\" was accessed during render \n * but is not defined on instance.\n * \n * 组件代码：\n */\n\u003Ctemplate>\n  \u003Cdiv>{{ userInfo.name }}\u003C/div>\n\u003C/template>\n\n\u003Cscript setup>\nconst { data: userInfo } = await useFetch('/api/user');\n\u003C/script>\n\n// AI 分析：\n// 1. useFetch 是异步的，初始渲染时 userInfo 可能是 undefined\n// 2. 直接访问 userInfo.name 会报错\n\n// AI 建议：\n\u003Ctemplate>\n  \u003Cdiv v-if=\"userInfo\">{{ userInfo.name }}\u003C/div>\n  \u003Cdiv v-else>加载中...\u003C/div>\n\u003C/template>\n\n\u003Cscript setup>\nconst { data: userInfo, pending } = await useFetch('/api/user');\n\u003C/script>\n","typescript",[2818],"language-typescript",[2820],{"type":26,"tag":216,"props":2821,"children":2822},{"__ignoreMap":7},[2823],{"type":31,"value":2815},{"type":26,"tag":873,"props":2825,"children":2827},{"id":2826},"_22-后端错误分析",[2828],{"type":31,"value":2829},"2.2 后端错误分析",{"type":26,"tag":27,"props":2831,"children":2832},{},[2833],{"type":26,"tag":486,"props":2834,"children":2835},{},[2836],{"type":31,"value":2837},"场景 1：Node.js 内存问题",{"type":26,"tag":209,"props":2839,"children":2844},{"code":2840,"language":2841,"meta":7,"className":2842},"// 错误信息：\n// FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - \n// JavaScript heap out of memory\n\n// 提问方式（包含上下文）：\n/**\n * Node.js 服务运行几小时后崩溃，错误信息：\n * FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - \n * JavaScript heap out of memory\n * \n * 服务功能：处理 CSV 文件上传，每次约 100MB\n * \n * 处理代码：\n */\nasync function processCSV(filePath) {\n  const content = fs.readFileSync(filePath, 'utf-8');\n  const rows = content.split('\\n');\n  const results = [];\n  \n  for (const row of rows) {\n    const processed = await processRow(row);\n    results.push(processed);\n  }\n  \n  return results;\n}\n\n// AI 分析会指出：\n// 1. 一次性读取整个文件到内存\n// 2. 所有处理结果累积在 results 数组\n// 3. 建议使用流式处理\n\n// AI 提供的优化方案：\nconst { createReadStream } = require('fs');\nconst { createInterface } = require('readline');\n\nasync function processCSVStream(filePath, onRow) {\n  const fileStream = createReadStream(filePath);\n  const rl = createInterface({\n    input: fileStream,\n    crlfDelay: Infinity\n  });\n  \n  let count = 0;\n  for await (const line of rl) {\n    await onRow(line);\n    count++;\n    \n    // 每处理 1000 行，给 GC 机会运行\n    if (count % 1000 === 0) {\n      await new Promise(r => setImmediate(r));\n    }\n  }\n}\n","javascript",[2843],"language-javascript",[2845],{"type":26,"tag":216,"props":2846,"children":2847},{"__ignoreMap":7},[2848],{"type":31,"value":2840},{"type":26,"tag":27,"props":2850,"children":2851},{},[2852],{"type":26,"tag":486,"props":2853,"children":2854},{},[2855],{"type":31,"value":2856},"场景 2：数据库连接问题",{"type":26,"tag":209,"props":2858,"children":2861},{"code":2859,"language":2816,"meta":7,"className":2860},"// 错误信息：\n// Error: Connection pool exhausted - \n// max connections (10) already in use\n\n// 提问方式：\n/**\n * PostgreSQL 连接池耗尽错误，高并发时出现：\n * Error: Connection pool exhausted\n * \n * 当前配置：\n * - max connections: 10\n * - 并发请求: 约 100/秒\n * \n * 数据库调用代码：\n */\nasync function getUserData(userId: string) {\n  const client = await pool.connect();\n  try {\n    const user = await client.query('SELECT * FROM users WHERE id = $1', [userId]);\n    const orders = await client.query('SELECT * FROM orders WHERE user_id = $1', [userId]);\n    const payments = await client.query('SELECT * FROM payments WHERE user_id = $1', [userId]);\n    return { user: user.rows[0], orders: orders.rows, payments: payments.rows };\n  } finally {\n    client.release();\n  }\n}\n\n// AI 会分析出多个可能原因并给出综合方案\n",[2818],[2862],{"type":26,"tag":216,"props":2863,"children":2864},{"__ignoreMap":7},[2865],{"type":31,"value":2859},{"type":26,"tag":76,"props":2867,"children":2869},{"id":2868},"第三部分日志分析与问题定位",[2870],{"type":31,"value":2871},"第三部分：日志分析与问题定位",{"type":26,"tag":873,"props":2873,"children":2875},{"id":2874},"_31-结构化日志分析",[2876],{"type":31,"value":2877},"3.1 结构化日志分析",{"type":26,"tag":27,"props":2879,"children":2880},{},[2881],{"type":31,"value":2882},"当面对大量日志时，让 AI 帮你快速定位问题：",{"type":26,"tag":209,"props":2884,"children":2887},{"code":2885,"language":2841,"meta":7,"className":2886},"// 提问示例：\n/**\n * 分析以下日志，找出导致请求失败的原因：\n * \n * 日志片段：\n */\nconst logs = `\n2024-01-15 10:23:45.123 INFO  [req-abc123] 收到请求 POST /api/order\n2024-01-15 10:23:45.125 DEBUG [req-abc123] 用户认证通过 userId=u001\n2024-01-15 10:23:45.130 DEBUG [req-abc123] 开始库存检查 productId=p001\n2024-01-15 10:23:45.145 DEBUG [req-abc123] 库存检查通过 available=50\n2024-01-15 10:23:45.150 DEBUG [req-abc123] 开始创建订单\n2024-01-15 10:23:45.200 DEBUG [req-abc123] 数据库连接获取成功\n2024-01-15 10:23:45.250 ERROR [req-abc123] 订单创建失败 error=\"deadlock detected\"\n2024-01-15 10:23:45.251 WARN  [req-abc123] 事务回滚\n2024-01-15 10:23:45.255 INFO  [req-abc123] 响应 500 耗时 132ms\n`;\n\n// AI 分析结果会包括：\n// 1. 问题定位：数据库死锁\n// 2. 可能原因：并发订单创建导致锁竞争\n// 3. 排查建议：检查事务隔离级别、锁顺序\n",[2843],[2888],{"type":26,"tag":216,"props":2889,"children":2890},{"__ignoreMap":7},[2891],{"type":31,"value":2885},{"type":26,"tag":873,"props":2893,"children":2895},{"id":2894},"_32-创建调试日志",[2896],{"type":31,"value":2897},"3.2 创建调试日志",{"type":26,"tag":27,"props":2899,"children":2900},{},[2901],{"type":31,"value":2902},"让 AI 帮你生成调试用的日志代码：",{"type":26,"tag":209,"props":2904,"children":2907},{"code":2905,"language":2816,"meta":7,"className":2906},"// 请求：\n// \"为这个函数添加详细的调试日志，包括入参、关键步骤、耗时和结果\"\n\n// 原代码：\nasync function processOrder(order: Order): Promise\u003COrderResult> {\n  const inventory = await checkInventory(order.items);\n  const payment = await processPayment(order.userId, order.total);\n  const result = await createOrder(order, payment.transactionId);\n  return result;\n}\n\n// AI 生成的带日志版本：\nasync function processOrder(order: Order): Promise\u003COrderResult> {\n  const requestId = generateRequestId();\n  const startTime = performance.now();\n  \n  logger.info({\n    requestId,\n    event: 'order_processing_start',\n    orderId: order.id,\n    userId: order.userId,\n    itemCount: order.items.length,\n    total: order.total\n  });\n  \n  try {\n    // 库存检查\n    const inventoryStart = performance.now();\n    const inventory = await checkInventory(order.items);\n    logger.debug({\n      requestId,\n      event: 'inventory_check_complete',\n      duration: performance.now() - inventoryStart,\n      available: inventory.allAvailable\n    });\n    \n    // 支付处理\n    const paymentStart = performance.now();\n    const payment = await processPayment(order.userId, order.total);\n    logger.debug({\n      requestId,\n      event: 'payment_complete',\n      duration: performance.now() - paymentStart,\n      transactionId: payment.transactionId\n    });\n    \n    // 创建订单\n    const createStart = performance.now();\n    const result = await createOrder(order, payment.transactionId);\n    logger.debug({\n      requestId,\n      event: 'order_created',\n      duration: performance.now() - createStart,\n      resultOrderId: result.orderId\n    });\n    \n    logger.info({\n      requestId,\n      event: 'order_processing_complete',\n      duration: performance.now() - startTime,\n      success: true\n    });\n    \n    return result;\n  } catch (error) {\n    logger.error({\n      requestId,\n      event: 'order_processing_failed',\n      duration: performance.now() - startTime,\n      error: error.message,\n      stack: error.stack\n    });\n    throw error;\n  }\n}\n",[2818],[2908],{"type":26,"tag":216,"props":2909,"children":2910},{"__ignoreMap":7},[2911],{"type":31,"value":2905},{"type":26,"tag":76,"props":2913,"children":2915},{"id":2914},"第四部分性能问题排查",[2916],{"type":31,"value":2917},"第四部分：性能问题排查",{"type":26,"tag":873,"props":2919,"children":2921},{"id":2920},"_41-前端性能分析",[2922],{"type":31,"value":2923},"4.1 前端性能分析",{"type":26,"tag":209,"props":2925,"children":2928},{"code":2926,"language":2816,"meta":7,"className":2927},"// 场景：页面加载慢，需要分析原因\n\n// 提问方式：\n/**\n * 页面首屏加载需要 5 秒，以下是 Performance API 数据，\n * 请分析性能瓶颈：\n */\nconst performanceData = {\n  // Navigation Timing\n  dns: 50,           // DNS 查询\n  tcp: 100,          // TCP 连接\n  ttfb: 800,         // 首字节时间\n  download: 200,     // 文档下载\n  domParsing: 300,   // DOM 解析\n  domContentLoaded: 1500,\n  load: 5000,\n  \n  // Resource Timing (主要资源)\n  resources: [\n    { name: 'main.js', size: '2.5MB', duration: 1200 },\n    { name: 'vendor.js', size: '1.8MB', duration: 900 },\n    { name: 'styles.css', size: '500KB', duration: 300 },\n    { name: 'hero-image.jpg', size: '3MB', duration: 1500 },\n  ],\n  \n  // Long Tasks\n  longTasks: [\n    { startTime: 1600, duration: 800, name: 'script-evaluation' },\n    { startTime: 2500, duration: 400, name: 'layout' }\n  ]\n};\n\n// AI 会分析出：\n// 1. JS bundle 过大（4.3MB），需要代码分割\n// 2. 图片未优化（3MB 的 hero 图片）\n// 3. 存在长任务阻塞主线程\n// 并给出具体优化建议\n",[2818],[2929],{"type":26,"tag":216,"props":2930,"children":2931},{"__ignoreMap":7},[2932],{"type":31,"value":2926},{"type":26,"tag":873,"props":2934,"children":2936},{"id":2935},"_42-内存泄漏排查",[2937],{"type":31,"value":2938},"4.2 内存泄漏排查",{"type":26,"tag":209,"props":2940,"children":2943},{"code":2941,"language":2816,"meta":7,"className":2942},"// 场景：应用运行一段时间后变卡\n\n// 提问方式：\n/**\n * React 应用运行一段时间后内存持续增长，以下是 Heap Snapshot 对比：\n * \n * 初始状态：50MB\n * 运行 1 小时后：150MB\n * 运行 2 小时后：280MB\n * \n * Retained objects 增长最快的：\n * - (closure) - 增长 50MB\n * - HTMLDivElement - 增长 30MB\n * - Array - 增长 20MB\n * \n * 可疑代码：\n */\nfunction DataDashboard() {\n  const [data, setData] = useState([]);\n  const chartRef = useRef(null);\n  \n  useEffect(() => {\n    // 每秒刷新数据\n    const interval = setInterval(async () => {\n      const newData = await fetchLatestData();\n      setData(prev => [...prev, ...newData]);  // 数据不断累积\n    }, 1000);\n    \n    // 初始化图表\n    const chart = new Chart(chartRef.current, {\n      // 配置...\n    });\n    \n    // 没有 cleanup！\n  }, []);\n  \n  return \u003Ccanvas ref={chartRef} />;\n}\n\n// AI 会指出：\n// 1. interval 没有清理\n// 2. Chart 实例没有销毁\n// 3. data 无限增长\n// 并提供修复代码\n",[2818],[2944],{"type":26,"tag":216,"props":2945,"children":2946},{"__ignoreMap":7},[2947],{"type":31,"value":2941},{"type":26,"tag":873,"props":2949,"children":2951},{"id":2950},"_43-数据库查询优化",[2952],{"type":31,"value":2953},"4.3 数据库查询优化",{"type":26,"tag":209,"props":2955,"children":2960},{"code":2956,"language":2957,"meta":7,"className":2958},"-- 场景：查询很慢，让 AI 分析执行计划\n\n-- 提问方式：\n-- 以下查询在数据量大时很慢（orders 表 1000 万行），\n-- 执行计划如下，请分析并优化：\n\nEXPLAIN ANALYZE\nSELECT o.*, u.name, u.email\nFROM orders o\nJOIN users u ON o.user_id = u.id\nWHERE o.status = 'pending'\n  AND o.created_at > '2024-01-01'\nORDER BY o.created_at DESC\nLIMIT 20;\n\n-- 执行计划：\n/*\nSort  (cost=156847.23..157847.23 rows=400000 width=250)\n  Sort Key: o.created_at DESC\n  ->  Hash Join  (cost=1500.00..89847.23 rows=400000 width=250)\n        Hash Cond: (o.user_id = u.id)\n        ->  Seq Scan on orders o  (cost=0.00..85000.00 rows=400000)\n              Filter: ((status = 'pending') AND (created_at > '2024-01-01'))\n        ->  Hash  (cost=1000.00..1000.00 rows=50000 width=100)\n              ->  Seq Scan on users u  (cost=0.00..1000.00 rows=50000)\nPlanning Time: 0.5 ms\nExecution Time: 3500 ms\n*/\n\n-- AI 会分析出问题并建议：\n-- 1. orders 表全表扫描 - 需要复合索引\n-- 2. 建议创建索引：\nCREATE INDEX idx_orders_status_created ON orders(status, created_at DESC);\n\n-- 3. 如果 status 选择性不高，考虑部分索引：\nCREATE INDEX idx_orders_pending ON orders(created_at DESC) \nWHERE status = 'pending';\n","sql",[2959],"language-sql",[2961],{"type":26,"tag":216,"props":2962,"children":2963},{"__ignoreMap":7},[2964],{"type":31,"value":2956},{"type":26,"tag":76,"props":2966,"children":2968},{"id":2967},"第五部分复杂-bug-排查",[2969],{"type":31,"value":2970},"第五部分：复杂 Bug 排查",{"type":26,"tag":873,"props":2972,"children":2974},{"id":2973},"_51-竞态条件",[2975],{"type":31,"value":2976},"5.1 竞态条件",{"type":26,"tag":209,"props":2978,"children":2981},{"code":2979,"language":2816,"meta":7,"className":2980},"// 场景：偶发的数据不一致问题\n\n// 提问方式：\n/**\n * 用户反馈偶尔看到错误的账户余额，但刷新后正常。\n * 怀疑是竞态条件，以下是相关代码：\n */\nasync function updateBalance(userId: string, amount: number) {\n  // 读取当前余额\n  const user = await db.users.findOne({ id: userId });\n  const newBalance = user.balance + amount;\n  \n  // 更新余额\n  await db.users.update({ id: userId }, { balance: newBalance });\n  \n  // 记录交易\n  await db.transactions.create({\n    userId,\n    amount,\n    balanceAfter: newBalance,\n    createdAt: new Date()\n  });\n  \n  return newBalance;\n}\n\n// 并发调用场景：\n// 用户同时发起两笔交易：+100 和 -50\n// 期望结果：原余额 1000 → 1050\n// 实际可能：原余额 1000 → 1100 或 950\n\n// AI 会分析竞态条件并提供解决方案：\nasync function updateBalanceAtomic(userId: string, amount: number) {\n  // 方案 1：使用数据库原子操作\n  const result = await db.users.findOneAndUpdate(\n    { id: userId },\n    { $inc: { balance: amount } },\n    { returnDocument: 'after' }\n  );\n  \n  await db.transactions.create({\n    userId,\n    amount,\n    balanceAfter: result.balance,\n    createdAt: new Date()\n  });\n  \n  return result.balance;\n}\n\n// 方案 2：使用乐观锁\nasync function updateBalanceOptimistic(userId: string, amount: number) {\n  const maxRetries = 3;\n  \n  for (let i = 0; i \u003C maxRetries; i++) {\n    const user = await db.users.findOne({ id: userId });\n    const newBalance = user.balance + amount;\n    \n    const updated = await db.users.updateOne(\n      { id: userId, version: user.version },\n      { balance: newBalance, version: user.version + 1 }\n    );\n    \n    if (updated.modifiedCount === 1) {\n      await db.transactions.create({...});\n      return newBalance;\n    }\n    \n    // 版本冲突，重试\n    await sleep(10 * (i + 1));\n  }\n  \n  throw new Error('Update failed after retries');\n}\n",[2818],[2982],{"type":26,"tag":216,"props":2983,"children":2984},{"__ignoreMap":7},[2985],{"type":31,"value":2979},{"type":26,"tag":873,"props":2987,"children":2989},{"id":2988},"_52-分布式系统问题",[2990],{"type":31,"value":2991},"5.2 分布式系统问题",{"type":26,"tag":209,"props":2993,"children":2996},{"code":2994,"language":2816,"meta":7,"className":2995},"// 场景：微服务间的数据不一致\n\n// 提问方式：\n/**\n * 订单服务和库存服务偶尔出现数据不一致：\n * - 订单显示已创建\n * - 库存未扣减\n * \n * 当前流程：\n */\n// Order Service\nasync function createOrder(orderData) {\n  // 1. 调用库存服务扣减库存\n  await inventoryService.deduct(orderData.items);\n  \n  // 2. 创建订单\n  const order = await orderRepository.create(orderData);\n  \n  // 3. 发送订单创建事件\n  await eventBus.publish('order.created', order);\n  \n  return order;\n}\n\n// 问题分析：如果步骤 2 或 3 失败，库存已经扣减但订单未创建\n\n// AI 会建议使用 Saga 模式或事务发件箱模式\n",[2818],[2997],{"type":26,"tag":216,"props":2998,"children":2999},{"__ignoreMap":7},[3000],{"type":31,"value":2994},{"type":26,"tag":76,"props":3002,"children":3004},{"id":3003},"第六部分ai-调试工作流",[3005],{"type":31,"value":3006},"第六部分：AI 调试工作流",{"type":26,"tag":873,"props":3008,"children":3010},{"id":3009},"_61-我的调试流程",[3011],{"type":31,"value":3012},"6.1 我的调试流程",{"type":26,"tag":209,"props":3014,"children":3016},{"code":3015},"┌────────────────────────────────────────────────────────────┐\n│                    AI 辅助调试工作流                         │\n├────────────────────────────────────────────────────────────┤\n│                                                            │\n│  Step 1: 问题收集                                          │\n│  ├── 复制完整错误信息                                       │\n│  ├── 截图相关日志                                          │\n│  └── 记录复现步骤                                          │\n│                                                            │\n│  Step 2: 快速分析                                          │\n│  ├── 将错误信息发给 AI                                      │\n│  ├── 获取可能原因列表                                       │\n│  └── 评估哪些最可能                                         │\n│                                                            │\n│  Step 3: 深入调查                                          │\n│  ├── 根据 AI 建议添加日志/断点                              │\n│  ├── 收集更多信息                                          │\n│  └── 再次询问 AI（带新信息）                                │\n│                                                            │\n│  Step 4: 验证修复                                          │\n│  ├── AI 生成修复代码                                        │\n│  ├── 人工审查确认                                          │\n│  └── 测试验证                                               │\n│                                                            │\n│  Step 5: 预防措施                                          │\n│  ├── AI 建议类似问题的预防方法                              │\n│  ├── 添加相关测试用例                                       │\n│  └── 更新文档/知识库                                        │\n│                                                            │\n└────────────────────────────────────────────────────────────┘\n",[3017],{"type":26,"tag":216,"props":3018,"children":3019},{"__ignoreMap":7},[3020],{"type":31,"value":3015},{"type":26,"tag":873,"props":3022,"children":3024},{"id":3023},"_62-调试对话模板",[3025],{"type":31,"value":3026},"6.2 调试对话模板",{"type":26,"tag":209,"props":3028,"children":3031},{"code":3029,"language":423,"meta":7,"className":3030},"## 第一轮：问题描述\n\n我遇到了一个问题：[简述问题]\n\n错误信息：\n",[2669],[3032],{"type":26,"tag":216,"props":3033,"children":3034},{"__ignoreMap":7},[3035],{"type":31,"value":3029},{"type":26,"tag":27,"props":3037,"children":3038},{},[3039],{"type":26,"tag":2679,"props":3040,"children":3041},{},[3042],{"type":31,"value":3043},"粘贴完整错误",{"type":26,"tag":209,"props":3045,"children":3047},{"code":3046},"\n相关代码：\n```javascript\n[粘贴代码]\n",[3048],{"type":26,"tag":216,"props":3049,"children":3050},{"__ignoreMap":7},[3051],{"type":31,"value":3046},{"type":26,"tag":547,"props":3053,"children":3054},{},[],{"type":26,"tag":76,"props":3056,"children":3058},{"id":3057},"第二轮补充信息",[3059],{"type":31,"value":3060},"第二轮：补充信息",{"type":26,"tag":27,"props":3062,"children":3063},{},[3064],{"type":31,"value":3065},"根据你的建议，我添加了日志，发现：",{"type":26,"tag":184,"props":3067,"children":3068},{},[3069,3077],{"type":26,"tag":188,"props":3070,"children":3071},{},[3072],{"type":26,"tag":2679,"props":3073,"children":3074},{},[3075],{"type":31,"value":3076},"发现 1",{"type":26,"tag":188,"props":3078,"children":3079},{},[3080],{"type":26,"tag":2679,"props":3081,"children":3082},{},[3083],{"type":31,"value":3084},"发现 2",{"type":26,"tag":27,"props":3086,"children":3087},{},[3088,3090,3095],{"type":31,"value":3089},"这是否说明问题出在 ",{"type":26,"tag":2679,"props":3091,"children":3092},{},[3093],{"type":31,"value":3094},"你的猜测",{"type":31,"value":3096},"？",{"type":26,"tag":547,"props":3098,"children":3099},{},[],{"type":26,"tag":76,"props":3101,"children":3103},{"id":3102},"第三轮确认修复",[3104],{"type":31,"value":3105},"第三轮：确认修复",{"type":26,"tag":27,"props":3107,"children":3108},{},[3109],{"type":31,"value":3110},"我按照你的建议修改了代码：",{"type":26,"tag":209,"props":3112,"children":3115},{"code":3113,"language":2841,"meta":7,"className":3114},"[粘贴修改后的代码]\n",[2843],[3116],{"type":26,"tag":216,"props":3117,"children":3118},{"__ignoreMap":7},[3119],{"type":31,"value":3113},{"type":26,"tag":27,"props":3121,"children":3122},{},[3123],{"type":31,"value":3124},"请确认这个修复是否正确，以及是否有其他潜在问题。",{"type":26,"tag":547,"props":3126,"children":3127},{},[],{"type":26,"tag":76,"props":3129,"children":3131},{"id":3130},"第四轮预防",[3132],{"type":31,"value":3133},"第四轮：预防",{"type":26,"tag":27,"props":3135,"children":3136},{},[3137],{"type":31,"value":3138},"这个问题已解决。请建议：",{"type":26,"tag":477,"props":3140,"children":3141},{},[3142,3147,3152],{"type":26,"tag":188,"props":3143,"children":3144},{},[3145],{"type":31,"value":3146},"如何防止类似问题再次发生？",{"type":26,"tag":188,"props":3148,"children":3149},{},[3150],{"type":31,"value":3151},"应该添加什么测试用例？",{"type":26,"tag":188,"props":3153,"children":3154},{},[3155],{"type":31,"value":3156},"有什么最佳实践可以参考？",{"type":26,"tag":209,"props":3158,"children":3160},{"code":3159},"\n## 结语：AI 是放大器，不是替代品\n\nAI 调试工具能够显著加速问题排查过程，但它不能替代你的思考。最有价值的能力组合是：\n\n- **你的领域知识** + **AI 的广博见识**\n- **你对项目的理解** + **AI 的分析能力**\n- **你的判断力** + **AI 的执行速度**\n\n调试的本质是假设-验证的循环。AI 帮你更快地生成假设、更高效地验证假设，但做出最终判断的还是你。\n\n学会与 AI 高效协作调试，不是依赖 AI 给你答案，而是让 AI 帮你更快地找到自己的答案。\n\n---\n\n## 参考资源\n\n- [Chrome DevTools 官方文档](https://developer.chrome.com/docs/devtools)\n- [Node.js 调试指南](https://nodejs.org/en/docs/guides/debugging-getting-started)\n- [React DevTools 使用指南](https://react.dev/learn/react-developer-tools)\n",[3161],{"type":26,"tag":216,"props":3162,"children":3163},{"__ignoreMap":7},[3164],{"type":31,"value":3159},{"title":7,"searchDepth":414,"depth":414,"links":3166},[3167,3168,3169,3174,3178,3183,3187,3191,3192,3193],{"id":2550,"depth":417,"text":2553},{"id":2556,"depth":417,"text":2559},{"id":2577,"depth":417,"text":2580,"children":3170},[3171,3172,3173],{"id":2583,"depth":414,"text":2586},{"id":2661,"depth":414,"text":2664},{"id":2826,"depth":414,"text":2829},{"id":2868,"depth":417,"text":2871,"children":3175},[3176,3177],{"id":2874,"depth":414,"text":2877},{"id":2894,"depth":414,"text":2897},{"id":2914,"depth":417,"text":2917,"children":3179},[3180,3181,3182],{"id":2920,"depth":414,"text":2923},{"id":2935,"depth":414,"text":2938},{"id":2950,"depth":414,"text":2953},{"id":2967,"depth":417,"text":2970,"children":3184},[3185,3186],{"id":2973,"depth":414,"text":2976},{"id":2988,"depth":414,"text":2991},{"id":3003,"depth":417,"text":3006,"children":3188},[3189,3190],{"id":3009,"depth":414,"text":3012},{"id":3023,"depth":414,"text":3026},{"id":3057,"depth":417,"text":3060},{"id":3102,"depth":417,"text":3105},{"id":3130,"depth":417,"text":3133},"content:topics:ai:ai-debugging-troubleshooting-guide.md","topics/ai/ai-debugging-troubleshooting-guide.md","topics/ai/ai-debugging-troubleshooting-guide",{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"topic":5,"author":11,"tags":3198,"image":17,"imageQuery":18,"pexelsPhotoId":19,"pexelsUrl":20,"featured":6,"readingTime":21,"body":3199,"_type":423,"_id":424,"_source":425,"_file":426,"_stem":427,"_extension":428},[13,14,15,16],{"type":23,"children":3200,"toc":3505},[3201,3205,3209,3233,3237,3241,3305,3309,3313,3317,3332,3336,3344,3348,3352,3356,3360,3375,3379,3383,3387,3391,3402,3406,3410,3462,3466,3470,3474],{"type":26,"tag":27,"props":3202,"children":3203},{},[3204],{"type":31,"value":32},{"type":26,"tag":27,"props":3206,"children":3207},{},[3208],{"type":31,"value":37},{"type":26,"tag":27,"props":3210,"children":3211},{},[3212,3213,3217,3218,3222,3223,3227,3228,3232],{"type":31,"value":42},{"type":26,"tag":44,"props":3214,"children":3215},{"href":46},[3216],{"type":31,"value":49},{"type":31,"value":51},{"type":26,"tag":44,"props":3219,"children":3220},{"href":54},[3221],{"type":31,"value":57},{"type":31,"value":51},{"type":26,"tag":44,"props":3224,"children":3225},{"href":61},[3226],{"type":31,"value":64},{"type":31,"value":66},{"type":26,"tag":44,"props":3229,"children":3230},{"href":69},[3231],{"type":31,"value":72},{"type":31,"value":74},{"type":26,"tag":76,"props":3234,"children":3235},{"id":78},[3236],{"type":31,"value":81},{"type":26,"tag":27,"props":3238,"children":3239},{},[3240],{"type":31,"value":86},{"type":26,"tag":88,"props":3242,"children":3243},{},[3244,3258],{"type":26,"tag":92,"props":3245,"children":3246},{},[3247],{"type":26,"tag":96,"props":3248,"children":3249},{},[3250,3254],{"type":26,"tag":100,"props":3251,"children":3252},{},[3253],{"type":31,"value":104},{"type":26,"tag":100,"props":3255,"children":3256},{},[3257],{"type":31,"value":109},{"type":26,"tag":111,"props":3259,"children":3260},{},[3261,3272,3283,3294],{"type":26,"tag":96,"props":3262,"children":3263},{},[3264,3268],{"type":26,"tag":118,"props":3265,"children":3266},{},[3267],{"type":31,"value":122},{"type":26,"tag":118,"props":3269,"children":3270},{},[3271],{"type":31,"value":127},{"type":26,"tag":96,"props":3273,"children":3274},{},[3275,3279],{"type":26,"tag":118,"props":3276,"children":3277},{},[3278],{"type":31,"value":135},{"type":26,"tag":118,"props":3280,"children":3281},{},[3282],{"type":31,"value":140},{"type":26,"tag":96,"props":3284,"children":3285},{},[3286,3290],{"type":26,"tag":118,"props":3287,"children":3288},{},[3289],{"type":31,"value":148},{"type":26,"tag":118,"props":3291,"children":3292},{},[3293],{"type":31,"value":153},{"type":26,"tag":96,"props":3295,"children":3296},{},[3297,3301],{"type":26,"tag":118,"props":3298,"children":3299},{},[3300],{"type":31,"value":161},{"type":26,"tag":118,"props":3302,"children":3303},{},[3304],{"type":31,"value":166},{"type":26,"tag":27,"props":3306,"children":3307},{},[3308],{"type":31,"value":171},{"type":26,"tag":76,"props":3310,"children":3311},{"id":174},[3312],{"type":31,"value":177},{"type":26,"tag":27,"props":3314,"children":3315},{},[3316],{"type":31,"value":182},{"type":26,"tag":184,"props":3318,"children":3319},{},[3320,3324,3328],{"type":26,"tag":188,"props":3321,"children":3322},{},[3323],{"type":31,"value":192},{"type":26,"tag":188,"props":3325,"children":3326},{},[3327],{"type":31,"value":197},{"type":26,"tag":188,"props":3329,"children":3330},{},[3331],{"type":31,"value":202},{"type":26,"tag":27,"props":3333,"children":3334},{},[3335],{"type":31,"value":207},{"type":26,"tag":209,"props":3337,"children":3339},{"className":3338,"code":213,"language":31,"meta":7},[212],[3340],{"type":26,"tag":216,"props":3341,"children":3342},{"__ignoreMap":7},[3343],{"type":31,"value":213},{"type":26,"tag":27,"props":3345,"children":3346},{},[3347],{"type":31,"value":224},{"type":26,"tag":76,"props":3349,"children":3350},{"id":227},[3351],{"type":31,"value":230},{"type":26,"tag":27,"props":3353,"children":3354},{},[3355],{"type":31,"value":235},{"type":26,"tag":27,"props":3357,"children":3358},{},[3359],{"type":31,"value":240},{"type":26,"tag":184,"props":3361,"children":3362},{},[3363,3367,3371],{"type":26,"tag":188,"props":3364,"children":3365},{},[3366],{"type":31,"value":248},{"type":26,"tag":188,"props":3368,"children":3369},{},[3370],{"type":31,"value":253},{"type":26,"tag":188,"props":3372,"children":3373},{},[3374],{"type":31,"value":258},{"type":26,"tag":27,"props":3376,"children":3377},{},[3378],{"type":31,"value":263},{"type":26,"tag":76,"props":3380,"children":3381},{"id":266},[3382],{"type":31,"value":269},{"type":26,"tag":27,"props":3384,"children":3385},{},[3386],{"type":31,"value":274},{"type":26,"tag":27,"props":3388,"children":3389},{},[3390],{"type":31,"value":279},{"type":26,"tag":184,"props":3392,"children":3393},{},[3394,3398],{"type":26,"tag":188,"props":3395,"children":3396},{},[3397],{"type":31,"value":287},{"type":26,"tag":188,"props":3399,"children":3400},{},[3401],{"type":31,"value":292},{"type":26,"tag":27,"props":3403,"children":3404},{},[3405],{"type":31,"value":297},{"type":26,"tag":76,"props":3407,"children":3408},{"id":300},[3409],{"type":31,"value":303},{"type":26,"tag":184,"props":3411,"children":3413},{"className":3412},[307],[3414,3422,3430,3438,3446,3454],{"type":26,"tag":188,"props":3415,"children":3417},{"className":3416},[312],[3418,3421],{"type":26,"tag":315,"props":3419,"children":3420},{"disabled":317,"type":318},[],{"type":31,"value":321},{"type":26,"tag":188,"props":3423,"children":3425},{"className":3424},[312],[3426,3429],{"type":26,"tag":315,"props":3427,"children":3428},{"disabled":317,"type":318},[],{"type":31,"value":330},{"type":26,"tag":188,"props":3431,"children":3433},{"className":3432},[312],[3434,3437],{"type":26,"tag":315,"props":3435,"children":3436},{"disabled":317,"type":318},[],{"type":31,"value":339},{"type":26,"tag":188,"props":3439,"children":3441},{"className":3440},[312],[3442,3445],{"type":26,"tag":315,"props":3443,"children":3444},{"disabled":317,"type":318},[],{"type":31,"value":348},{"type":26,"tag":188,"props":3447,"children":3449},{"className":3448},[312],[3450,3453],{"type":26,"tag":315,"props":3451,"children":3452},{"disabled":317,"type":318},[],{"type":31,"value":357},{"type":26,"tag":188,"props":3455,"children":3457},{"className":3456},[312],[3458,3461],{"type":26,"tag":315,"props":3459,"children":3460},{"disabled":317,"type":318},[],{"type":31,"value":366},{"type":26,"tag":76,"props":3463,"children":3464},{"id":369},[3465],{"type":31,"value":369},{"type":26,"tag":27,"props":3467,"children":3468},{},[3469],{"type":31,"value":376},{"type":26,"tag":27,"props":3471,"children":3472},{},[3473],{"type":31,"value":381},{"type":26,"tag":184,"props":3475,"children":3476},{},[3477,3484,3491,3498],{"type":26,"tag":188,"props":3478,"children":3479},{},[3480],{"type":26,"tag":44,"props":3481,"children":3482},{"href":46},[3483],{"type":31,"value":49},{"type":26,"tag":188,"props":3485,"children":3486},{},[3487],{"type":26,"tag":44,"props":3488,"children":3489},{"href":54},[3490],{"type":31,"value":57},{"type":26,"tag":188,"props":3492,"children":3493},{},[3494],{"type":26,"tag":44,"props":3495,"children":3496},{"href":61},[3497],{"type":31,"value":64},{"type":26,"tag":188,"props":3499,"children":3500},{},[3501],{"type":26,"tag":44,"props":3502,"children":3503},{"href":69},[3504],{"type":31,"value":72},{"title":7,"searchDepth":414,"depth":414,"links":3506},[3507,3508,3509,3510,3511,3512],{"id":78,"depth":417,"text":81},{"id":174,"depth":417,"text":177},{"id":227,"depth":417,"text":230},{"id":266,"depth":417,"text":269},{"id":300,"depth":417,"text":303},{"id":369,"depth":417,"text":369},1778574586075]