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