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