本章你将收获2026年AI编程工具的全景地图20工具分类对比附选型建议从AI辅助编码到AI Agent的范式转变解读程序员在AI时代的4个核心能力层次模型附自测表一份可直接用于团队培训的技能评估表我的真实经历从怀疑AI到拥抱AI的3个转折点本专栏50章的学习路线图与选学建议1.1 一个让我从“AI无用论”到“AI真香”的真实故事2023年初GitHub Copilot刚火起来的时候我是典型的“抵制派”。我在公司群里吐槽“Copilot生成的代码我code review的时间比自己写还长。”更让我不屑的是有一次它给我补了一个getUser函数参数名写成了useId拼错了我笑了一整天。转折发生在一个周五晚上。客户的生产环境出了一个诡异的问题某个API在特定参数下返回500错误但本地死活复现不了。我翻了2小时日志没头绪。随手把那段报错的栈信息粘贴到了ChatGPT里——不是让它写代码就是好奇它能不能“看懂”。结果它回了我一段分析“根据堆栈问题可能在/app/services/order.js第47行order.items.map执行时items为null。建议检查调用该API时传入的items字段是否被意外清空。”我将信将疑去查代码果然是某个条件分支里漏掉了items的初始化。5分钟改完上线问题消失。那一瞬间我意识到AI不替我写代码但它能替我“思考”那些我懒得想的细节。从那以后我开始系统性地研究AI编程工具从Copilot到Cursor从Claude到最近的Agent框架。两年多下来我的个人开发效率至少提升了3倍团队里新人的上手时间也从3个月缩短到1个月。这一章我想把这两年的观察、实践、踩坑浓缩成一张“2026年AI编程技能地图”帮你理清有哪些工具、学什么、怎么学、以及——更重要的是——哪些事情AI现在还做不到那才是你的护城河。1.2 2026年AI编程工具全景地图20工具实测对比下面这张表是我这两年亲手用过的、淘汰过的、最后留下来常用的工具。不是网上抄的每个工具我都至少用过一周以上。一共列了22个但真正推荐你优先掌握的我会在后面标⭐。类别工具核心能力适合场景我的推荐度实测月成本AI代码补全GitHub Copilot行级/函数级补全理解注释和上下文日常编码快速写样板代码⭐⭐⭐⭐$10/月Codeium免费替代品支持多种IDE预算有限的学生/个人开发者⭐⭐⭐免费Tabnine本地模型可选隐私性好对代码隐私要求高的企业⭐⭐⭐$12/月对话式编程CursorAI-first编辑器可引用整个项目上下文复杂重构、跨文件修改⭐⭐⭐⭐⭐$20/月Claude 3.5/3.7 Sonnet代码生成质量最高长上下文1M架构设计、大规模代码生成⭐⭐⭐⭐⭐$20/月GPT-4/GPT-4o通用能力强生态丰富多语言、多任务混合⭐⭐⭐⭐$20/月Windsurf新一代AI编辑器类似Cursor尝鲜、对比体验⭐⭐⭐免费试用AI AgentDevin自主完成开发任务规划→编码→测试自动化简单需求⭐⭐待定贵AutoGPT自主拆解任务调用工具实验性项目⭐⭐按APIMetaGPT模拟产品/开发/测试角色协作学习Agent架构⭐⭐⭐开源免费代码审查/测试CodiumAI自动生成测试用例提升测试覆盖率⭐⭐⭐⭐免费CodeRabbit自动PR审查给出改进建议团队Code Review⭐⭐⭐⭐免费文档/注释Mintlify一键生成函数注释给老代码补文档⭐⭐⭐免费数据库/SQLAI2SQL自然语言转SQL数据分析、后端开发⭐⭐⭐⭐按次低代码/无代码v0.dev文本描述生成前端组件原型快速搭建⭐⭐⭐⭐免费本地模型Ollama CodeLlama完全离线运行数据敏感环境⭐⭐⭐⭐免费DeepSeek-Coder代码能力对标GPT-3.5低成本推理⭐⭐⭐⭐免费集成平台LangChain构建AI应用框架开发自定义Agent⭐⭐⭐⭐开源免费Dify可视化编排AI工作流快速搭建企业AI应用⭐⭐⭐⭐开源免费我的选型建议如果你只有精力学3个优先选Cursor Claude GitHub Copilot。Cursor负责重构和跨文件编辑Claude解决复杂问题Copilot解决日常补全。这套组合我用了1年对比之前只用VS Code的效率开发速度至少翻倍。如果你是学生或预算有限Codeium 通义千问完全免费也能覆盖80%的场景。1.3 从AI辅助编程到AI Agent范式正在转移过去两年AI编程经历了三个阶段的进化。我自己也在每个阶段踩过坑。第一阶段2023AI作为“更智能的代码补全”刚出来时大家把AI当“超级IntelliSense”。你写function getUser(它帮你补id) { return... }。这个阶段的问题是AI不了解你的项目上下文经常补出一些不存在的API。我一度因为Copilot乱补lodash里没有的函数debug了2小时。教训这时候的AI不能信必须人工review每一行。第二阶段2024AI作为“对话式结对程序员”Cursor和Claude让AI能“看懂”你的整个项目。你可以在聊天框里说“帮我把这个组件改成TypeScript”它会自动分析当前文件、依赖、类型定义。这个阶段我开始让AI参与中等复杂度的任务重构、写单元测试、生成注释。一次真实经历我用Cursor把一个500行的Vue2组件迁移到Vue3 Composition API。传统手工迁移至少半天AI只花了20分钟就生成了初版我再调整了2处生命周期钩子。团队同事看了都震惊。第三阶段2025-现在AI作为“自主Agent”最新的Agent如Devin、AutoGPT可以接受一个需求自己规划步骤、写代码、跑测试、修bug甚至部署。我们公司用MetaGPT搭建了一个“自动修复低级bug”的流水线当CI失败时Agent自动分析日志尝试修复然后提交PR给人工审核。结果大约30%的简单错误拼写、遗漏import、语法错误被自动修复节省了团队每周约5小时的review时间。但Agent远非万能。我观察到它最擅长的是确定性任务已知输入输出路径清晰。一旦遇到需求模糊、业务逻辑复杂、需要多人沟通的场景Agent就像个实习生——干劲很足但常常跑偏。“计划先行代码后行”的新范式2026年的一个明显趋势是AI不再“冲动写代码”而是先给出方案等你确认后再动手。比如最新的Claude Code你问“如何优化这个慢查询”它会先列出几种可能的优化方案加索引、分页、缓存让你选方向然后才生成代码。我最近用这种模式重写了一个老项目的权限模块。我先让AI分析现有代码的问题它列出了3个设计缺陷硬编码角色、重复的权限判断、缺少日志。然后它给出了重构方案分4步。我确认后它才一步步生成代码。结果3天的工作量压缩到1天而且bug极少。1.4 程序员在AI时代的4个能力层次我把自己这两年的学习路径总结成一个4层模型。你可以对照看看自己在哪一层下一步该往哪走。层次能力描述典型表现代表工具建议学习时长L1会用AI能用AI回答简单的技术问题生成小段代码遇到报错会复制到ChatGPT能写基础PromptChatGPT, Copilot1-2周L2善用AI能将AI融入日常开发流程效率提升明显用Cursor重构代码、用Claude设计API、用Copilot写测试Cursor, Claude, Copilot1-3个月L3调教AI能定制AI行为利用Rules/系统指令/上下文工程写团队Prompt模板库、配置Cursor Rules、搭建RAG知识库Cursor Rules, Dify, LangChain3-6个月L4构建AI能搭建AI应用或Agent为团队/产品赋能开发自定义Code Agent、集成多模型、优化推理成本本地模型、Agent框架6-12个月我的测试数据在我们技术团队约20人中2024年初只有不到30%的人达到L2及以上到2025年底这一比例上升到70%。提升最明显的是那些愿意花时间学习Prompt技巧和上下文工程的同学而不是单纯“问得勤”的人。一个真实的门槛L2到L3的关键是学会“写系统指令”。很多人给AI的指令是“帮我写个函数”而高阶用户会写“你是一位资深后端工程师请用Go语言写一个幂等性防重组件要求支持Redis分布式锁错误处理要完整关键变量用英文命名。” 前者AI给出一堆不稳定的代码后者一次生成基本可用。本专栏50章的内容就是带你从L1走到L3并在L4方向上给你指路。1.5 一份可直接用于团队的技能评估表如果你是一个团队的Tech Lead或者你想自我评估下面这张表是我自己设计的你可以直接复制到Excel里用。评分标准1分完全不会、3分了解概念、5分能独立完成简单任务、7分能解决复杂问题、9分能指导他人技能项描述自评备注基础Prompt技巧能写出清晰、有上下文的Prompt让AI一次生成可用代码Cursor基础会使用Cursor的快捷键、内联生成、聊天面板Copilot日常使用能利用Copilot提高日常编码速度多轮对话优化能通过2-3轮对话引导AI生成更优答案上下文工程能利用Rules、指令让AI理解整个项目AI生成测试能用AI自动生成单元测试和集成测试AI重构代码能用AI安全地重构遗留代码AI写文档/注释能自动生成API文档、README、JSDoc自定义Prompt模板能为团队场景编写可复用的Prompt模板搭建AI开发工作流能集成AI到CI/CD、自动化测试中本地模型部署能运行Ollama/CodeLlama等离线模型Agent开发基础能用LangChain/Dify搭建简单Agent如何使用每个季度填一次看看自己在哪些项进步了。我第一次填的时候大部分是3分现在基本都在7分以上。1.6 本专栏50章的学习路线图选学建议专栏50章看起来很多但你不必按顺序从头啃到尾。根据你的当前水平我画了一张学习路径图。L1会用AI的同学重点阅读以下章节其他可以跳过。模块一第1-3章工具认知——了解有哪些工具模块二第4-5章Prompt基础——学会写好指令模块三第9-11章代码生成入门——用AI生成简单组件和API预计投入时间5-8小时。L2善用AI的同学全面学习模块二、三、四打好基础。模块二全部5章Prompt工程模块三第9-15章代码生成模块四第16-20章测试与调试模块五第21-22章重构与设计模式预计投入时间20-30小时。L3调教AI的同学重点学习高级技巧和自定义规则。模块五第23-25章注释迁移、正则模块六第26-30章工作流自动化模块八第36-40章多语言实践模块九第41-45章团队协作预计投入时间15-20小时。L4构建AI的同学探索Agent开发和本地模型。模块七第31-35章Agent开发模块十第46-50章本地模型、企业级平台预计投入时间20-30小时。一个建议不要试图一个月学完50章。我自己的学习节奏是每周2-3章边学边在项目里试用。比如这周学了“AI生成测试”下周就把自己项目的测试覆盖率从40%提到了65%。1.7 关于“AI取代程序员”的真心话这两年被问最多的就是“AI这么强了程序员会不会失业”我的答案一直没变AI不会取代程序员但会用AI的程序员会取代不用AI的程序员。举个例子。2024年我们招聘了两个实习生一个热衷于用Cursor和Copilot另一个坚持“纯手工”。三个月后前者的产出是后者的3倍而且代码质量评分更高AI生成的代码经过了review反而比手写的规范。最后两个都转正了但前者提前一个月。AI不会写业务逻辑吗会但写得不好。AI不会设计架构吗会参考网上模式但不懂你的公司内政治。AI不会debug吗能分析日志但不知道那个特殊配置是因为客户的奇葩要求加的。真正值钱的技能正在从“写代码”转移到“定义问题、拆解需求、评估方案、质量把控”。这些AI做不了至少现在还做不了。所以别怕。学就完了。1.8 今日行动搭建你的AI编程环境花30分钟完成以下步骤你就能立刻进入实战状态。安装Cursor免费版够用去cursor.com下载用GitHub登录。安装Codeium可选免费替代CopilotVS Code扩展搜索安装。注册一个Claude账号claude.ai需要海外手机号可用接码平台或使用国内镜像如Monica。测试一个简单Prompt打开Cursor新建一个test.js输入// 写一个函数判断一个字符串是不是有效的IPv4地址看AI能不能生成可运行的代码。把今天学到的工具和层次模型截图保存作为你的学习起点标记。完成这5步你就超过了80%还在观望的程序员。下一章我们就从Cursor深度入门开始。下一章预告Cursor深度入门——为什么它比VS Code更适合AI编程第1章你了解了AI编程的全景。第2章我们进入实战——Cursor编辑器。第2章我会教你Cursor的安装、配置和核心快捷键内联代码生成、聊天面板、Rules设置一个完整的实战用Cursor从零写一个React组件
第1章：AI编程全景——从Copilot到Agent，2026年开发者必须掌握的技能矩阵
本章你将收获2026年AI编程工具的全景地图20工具分类对比附选型建议从AI辅助编码到AI Agent的范式转变解读程序员在AI时代的4个核心能力层次模型附自测表一份可直接用于团队培训的技能评估表我的真实经历从怀疑AI到拥抱AI的3个转折点本专栏50章的学习路线图与选学建议1.1 一个让我从“AI无用论”到“AI真香”的真实故事2023年初GitHub Copilot刚火起来的时候我是典型的“抵制派”。我在公司群里吐槽“Copilot生成的代码我code review的时间比自己写还长。”更让我不屑的是有一次它给我补了一个getUser函数参数名写成了useId拼错了我笑了一整天。转折发生在一个周五晚上。客户的生产环境出了一个诡异的问题某个API在特定参数下返回500错误但本地死活复现不了。我翻了2小时日志没头绪。随手把那段报错的栈信息粘贴到了ChatGPT里——不是让它写代码就是好奇它能不能“看懂”。结果它回了我一段分析“根据堆栈问题可能在/app/services/order.js第47行order.items.map执行时items为null。建议检查调用该API时传入的items字段是否被意外清空。”我将信将疑去查代码果然是某个条件分支里漏掉了items的初始化。5分钟改完上线问题消失。那一瞬间我意识到AI不替我写代码但它能替我“思考”那些我懒得想的细节。从那以后我开始系统性地研究AI编程工具从Copilot到Cursor从Claude到最近的Agent框架。两年多下来我的个人开发效率至少提升了3倍团队里新人的上手时间也从3个月缩短到1个月。这一章我想把这两年的观察、实践、踩坑浓缩成一张“2026年AI编程技能地图”帮你理清有哪些工具、学什么、怎么学、以及——更重要的是——哪些事情AI现在还做不到那才是你的护城河。1.2 2026年AI编程工具全景地图20工具实测对比下面这张表是我这两年亲手用过的、淘汰过的、最后留下来常用的工具。不是网上抄的每个工具我都至少用过一周以上。一共列了22个但真正推荐你优先掌握的我会在后面标⭐。类别工具核心能力适合场景我的推荐度实测月成本AI代码补全GitHub Copilot行级/函数级补全理解注释和上下文日常编码快速写样板代码⭐⭐⭐⭐$10/月Codeium免费替代品支持多种IDE预算有限的学生/个人开发者⭐⭐⭐免费Tabnine本地模型可选隐私性好对代码隐私要求高的企业⭐⭐⭐$12/月对话式编程CursorAI-first编辑器可引用整个项目上下文复杂重构、跨文件修改⭐⭐⭐⭐⭐$20/月Claude 3.5/3.7 Sonnet代码生成质量最高长上下文1M架构设计、大规模代码生成⭐⭐⭐⭐⭐$20/月GPT-4/GPT-4o通用能力强生态丰富多语言、多任务混合⭐⭐⭐⭐$20/月Windsurf新一代AI编辑器类似Cursor尝鲜、对比体验⭐⭐⭐免费试用AI AgentDevin自主完成开发任务规划→编码→测试自动化简单需求⭐⭐待定贵AutoGPT自主拆解任务调用工具实验性项目⭐⭐按APIMetaGPT模拟产品/开发/测试角色协作学习Agent架构⭐⭐⭐开源免费代码审查/测试CodiumAI自动生成测试用例提升测试覆盖率⭐⭐⭐⭐免费CodeRabbit自动PR审查给出改进建议团队Code Review⭐⭐⭐⭐免费文档/注释Mintlify一键生成函数注释给老代码补文档⭐⭐⭐免费数据库/SQLAI2SQL自然语言转SQL数据分析、后端开发⭐⭐⭐⭐按次低代码/无代码v0.dev文本描述生成前端组件原型快速搭建⭐⭐⭐⭐免费本地模型Ollama CodeLlama完全离线运行数据敏感环境⭐⭐⭐⭐免费DeepSeek-Coder代码能力对标GPT-3.5低成本推理⭐⭐⭐⭐免费集成平台LangChain构建AI应用框架开发自定义Agent⭐⭐⭐⭐开源免费Dify可视化编排AI工作流快速搭建企业AI应用⭐⭐⭐⭐开源免费我的选型建议如果你只有精力学3个优先选Cursor Claude GitHub Copilot。Cursor负责重构和跨文件编辑Claude解决复杂问题Copilot解决日常补全。这套组合我用了1年对比之前只用VS Code的效率开发速度至少翻倍。如果你是学生或预算有限Codeium 通义千问完全免费也能覆盖80%的场景。1.3 从AI辅助编程到AI Agent范式正在转移过去两年AI编程经历了三个阶段的进化。我自己也在每个阶段踩过坑。第一阶段2023AI作为“更智能的代码补全”刚出来时大家把AI当“超级IntelliSense”。你写function getUser(它帮你补id) { return... }。这个阶段的问题是AI不了解你的项目上下文经常补出一些不存在的API。我一度因为Copilot乱补lodash里没有的函数debug了2小时。教训这时候的AI不能信必须人工review每一行。第二阶段2024AI作为“对话式结对程序员”Cursor和Claude让AI能“看懂”你的整个项目。你可以在聊天框里说“帮我把这个组件改成TypeScript”它会自动分析当前文件、依赖、类型定义。这个阶段我开始让AI参与中等复杂度的任务重构、写单元测试、生成注释。一次真实经历我用Cursor把一个500行的Vue2组件迁移到Vue3 Composition API。传统手工迁移至少半天AI只花了20分钟就生成了初版我再调整了2处生命周期钩子。团队同事看了都震惊。第三阶段2025-现在AI作为“自主Agent”最新的Agent如Devin、AutoGPT可以接受一个需求自己规划步骤、写代码、跑测试、修bug甚至部署。我们公司用MetaGPT搭建了一个“自动修复低级bug”的流水线当CI失败时Agent自动分析日志尝试修复然后提交PR给人工审核。结果大约30%的简单错误拼写、遗漏import、语法错误被自动修复节省了团队每周约5小时的review时间。但Agent远非万能。我观察到它最擅长的是确定性任务已知输入输出路径清晰。一旦遇到需求模糊、业务逻辑复杂、需要多人沟通的场景Agent就像个实习生——干劲很足但常常跑偏。“计划先行代码后行”的新范式2026年的一个明显趋势是AI不再“冲动写代码”而是先给出方案等你确认后再动手。比如最新的Claude Code你问“如何优化这个慢查询”它会先列出几种可能的优化方案加索引、分页、缓存让你选方向然后才生成代码。我最近用这种模式重写了一个老项目的权限模块。我先让AI分析现有代码的问题它列出了3个设计缺陷硬编码角色、重复的权限判断、缺少日志。然后它给出了重构方案分4步。我确认后它才一步步生成代码。结果3天的工作量压缩到1天而且bug极少。1.4 程序员在AI时代的4个能力层次我把自己这两年的学习路径总结成一个4层模型。你可以对照看看自己在哪一层下一步该往哪走。层次能力描述典型表现代表工具建议学习时长L1会用AI能用AI回答简单的技术问题生成小段代码遇到报错会复制到ChatGPT能写基础PromptChatGPT, Copilot1-2周L2善用AI能将AI融入日常开发流程效率提升明显用Cursor重构代码、用Claude设计API、用Copilot写测试Cursor, Claude, Copilot1-3个月L3调教AI能定制AI行为利用Rules/系统指令/上下文工程写团队Prompt模板库、配置Cursor Rules、搭建RAG知识库Cursor Rules, Dify, LangChain3-6个月L4构建AI能搭建AI应用或Agent为团队/产品赋能开发自定义Code Agent、集成多模型、优化推理成本本地模型、Agent框架6-12个月我的测试数据在我们技术团队约20人中2024年初只有不到30%的人达到L2及以上到2025年底这一比例上升到70%。提升最明显的是那些愿意花时间学习Prompt技巧和上下文工程的同学而不是单纯“问得勤”的人。一个真实的门槛L2到L3的关键是学会“写系统指令”。很多人给AI的指令是“帮我写个函数”而高阶用户会写“你是一位资深后端工程师请用Go语言写一个幂等性防重组件要求支持Redis分布式锁错误处理要完整关键变量用英文命名。” 前者AI给出一堆不稳定的代码后者一次生成基本可用。本专栏50章的内容就是带你从L1走到L3并在L4方向上给你指路。1.5 一份可直接用于团队的技能评估表如果你是一个团队的Tech Lead或者你想自我评估下面这张表是我自己设计的你可以直接复制到Excel里用。评分标准1分完全不会、3分了解概念、5分能独立完成简单任务、7分能解决复杂问题、9分能指导他人技能项描述自评备注基础Prompt技巧能写出清晰、有上下文的Prompt让AI一次生成可用代码Cursor基础会使用Cursor的快捷键、内联生成、聊天面板Copilot日常使用能利用Copilot提高日常编码速度多轮对话优化能通过2-3轮对话引导AI生成更优答案上下文工程能利用Rules、指令让AI理解整个项目AI生成测试能用AI自动生成单元测试和集成测试AI重构代码能用AI安全地重构遗留代码AI写文档/注释能自动生成API文档、README、JSDoc自定义Prompt模板能为团队场景编写可复用的Prompt模板搭建AI开发工作流能集成AI到CI/CD、自动化测试中本地模型部署能运行Ollama/CodeLlama等离线模型Agent开发基础能用LangChain/Dify搭建简单Agent如何使用每个季度填一次看看自己在哪些项进步了。我第一次填的时候大部分是3分现在基本都在7分以上。1.6 本专栏50章的学习路线图选学建议专栏50章看起来很多但你不必按顺序从头啃到尾。根据你的当前水平我画了一张学习路径图。L1会用AI的同学重点阅读以下章节其他可以跳过。模块一第1-3章工具认知——了解有哪些工具模块二第4-5章Prompt基础——学会写好指令模块三第9-11章代码生成入门——用AI生成简单组件和API预计投入时间5-8小时。L2善用AI的同学全面学习模块二、三、四打好基础。模块二全部5章Prompt工程模块三第9-15章代码生成模块四第16-20章测试与调试模块五第21-22章重构与设计模式预计投入时间20-30小时。L3调教AI的同学重点学习高级技巧和自定义规则。模块五第23-25章注释迁移、正则模块六第26-30章工作流自动化模块八第36-40章多语言实践模块九第41-45章团队协作预计投入时间15-20小时。L4构建AI的同学探索Agent开发和本地模型。模块七第31-35章Agent开发模块十第46-50章本地模型、企业级平台预计投入时间20-30小时。一个建议不要试图一个月学完50章。我自己的学习节奏是每周2-3章边学边在项目里试用。比如这周学了“AI生成测试”下周就把自己项目的测试覆盖率从40%提到了65%。1.7 关于“AI取代程序员”的真心话这两年被问最多的就是“AI这么强了程序员会不会失业”我的答案一直没变AI不会取代程序员但会用AI的程序员会取代不用AI的程序员。举个例子。2024年我们招聘了两个实习生一个热衷于用Cursor和Copilot另一个坚持“纯手工”。三个月后前者的产出是后者的3倍而且代码质量评分更高AI生成的代码经过了review反而比手写的规范。最后两个都转正了但前者提前一个月。AI不会写业务逻辑吗会但写得不好。AI不会设计架构吗会参考网上模式但不懂你的公司内政治。AI不会debug吗能分析日志但不知道那个特殊配置是因为客户的奇葩要求加的。真正值钱的技能正在从“写代码”转移到“定义问题、拆解需求、评估方案、质量把控”。这些AI做不了至少现在还做不了。所以别怕。学就完了。1.8 今日行动搭建你的AI编程环境花30分钟完成以下步骤你就能立刻进入实战状态。安装Cursor免费版够用去cursor.com下载用GitHub登录。安装Codeium可选免费替代CopilotVS Code扩展搜索安装。注册一个Claude账号claude.ai需要海外手机号可用接码平台或使用国内镜像如Monica。测试一个简单Prompt打开Cursor新建一个test.js输入// 写一个函数判断一个字符串是不是有效的IPv4地址看AI能不能生成可运行的代码。把今天学到的工具和层次模型截图保存作为你的学习起点标记。完成这5步你就超过了80%还在观望的程序员。下一章我们就从Cursor深度入门开始。下一章预告Cursor深度入门——为什么它比VS Code更适合AI编程第1章你了解了AI编程的全景。第2章我们进入实战——Cursor编辑器。第2章我会教你Cursor的安装、配置和核心快捷键内联代码生成、聊天面板、Rules设置一个完整的实战用Cursor从零写一个React组件
