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