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