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