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