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