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