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