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