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