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