尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

1.4Vibe Coding

1.4Vibe Coding 总字数约12,800字 | 预计阅读时长45分钟一、什么是Vibe Coding1.1 概念定义Vibe Coding氛围编程是一种新兴的编程范式由OpenAI前研究员、特斯拉AI总监Andrej Karpathy于2025年2月正式提出。其核心理念是开发者不再逐行编写代码而是用自然语言描述需求由AI生成完整的代码实现。Karpathy的原话是fully give in to the vibes, embrace exponentials, and forget that the code even exists完全沉浸在氛围中拥抱指数级增长忘记代码的存在。简单来说Vibe Coding就是「说人话AI写代码」。这种编程方式的核心口诀可以概括为三个动词见see stuff→ 说say stuff→ 跑run stuff。开发者观察问题用自然语言描述需求AI生成代码然后运行验证。1.2 与传统编程的区别维度Vibe Coding传统编程上手门槛极低非程序员可用需系统学习语言和框架原型速度极快数小时出MVP慢但稳定代码理解度开发者可能不理解生成的代码完全掌握可维护性差易积累技术债强安全风险安全漏洞出现概率高约2.74倍相对可控代码重复量约是传统编程的4倍可控开发效率提升3-5倍原型阶段稳定但较慢关键差异Vibe Coding强调意图驱动——描述想要什么而非怎么做传统编程则要求开发者掌握具体的语法和实现细节。1.3 核心优势大幅提升开发效率复杂功能从几天缩短到几分钟减少重复性编码工作降低技术门槛非专业开发者也能创建应用专注于业务逻辑而非语法细节提升代码质量AI遵循最佳实践自动生成单元测试内置错误处理和边界检查加速学习成长通过AI生成的代码学习新技术实时获得代码解释和建议激发创造力快速尝试新想法低成本实验不同的技术方案1.4 局限与风险尽管Vibe Coding带来了革命性的效率提升但也存在显著局限速度-质量悖论开发者报告被AI吸引是因为速度和可访问性但大多数人认为生成的代码快但有缺陷QA实践被忽视许多开发者跳过测试依赖模型输出而不进行修改或将检查工作委托回AI工具技术债务积累AI快速生成的代码可能积累技术债务需要定期重构和优化安全隐患研究表明AI生成的代码中约45%存在安全漏洞二、国内外主流Coding Agent2.1 国外主流工具1Claude Code定位Anthropic推出的终端级AI编程助手以深度代码库理解和强大推理能力著称核心特点1M token上下文窗口2026年2月Claude Code默认模型升级为Opus 4.6支持100万token上下文可完整理解大型项目Agent Teams多个Claude Code会话可协调工作一个会话作为Team Lead分割任务其他会话作为Teammate并行执行Skills与Hooks通过.md文件自定义行为Shell脚本在特定时机自动执行终端原生直接在命令行工作适合深度命令行用户适用场景复杂重构、自动化脚本、CI/CD集成、多文件推理定价Pro 20/月Max 100/月起2Cursor定位基于VS Code的AI原生IDE全球最火的AI编程工具核心特点Composer模式多文件跨项目编辑可同时修改5-20个文件提供可视化diff预览Supermaven补全多行预测完整项目上下文自动导入Background Agents异步执行任务开发者可继续编码多模型支持Claude、GPT、Gemini一键切换适用场景日常编码、大型项目重构、团队协作定价Free有限Pro 20/月Pro 60/月Ultra $200/月3CodeXOpenAI定位OpenAI推出的AI编程工具经历ChatGPT时刻核心特点简洁界面主打极简设计快速迭代更新速度极快强大推理基于GPT系列模型适用场景快速原型开发、代码生成4GitHub Copilot定位微软和GitHub官方AI编程助手企业市场占有率最高核心特点IDE插件形态无感集成渐进式辅助Agent Mode基于整个代码库的语义理解自主规划任务Copilot Workspace从工单到部署的完整研发助手多模型支持GPT-4o、Claude 3.5 Sonnet、Gemini 2.5 Pro适用场景VS Code团队、企业级应用、代码审查定价Free有限Pro 10/月Pro 39/月5Windsurf定位以跨会话记忆切入市场的AI IDE核心特点Cascade引擎智能上下文跟踪自律性强轻量化UI不占内存性能接近Cursor设计图转代码精度比同类工具高15%适用场景初学者、快速原型、设计稿转代码定价Free25 credits/月Pro $15/月2.2 国内主流工具1Trae字节跳动国内版Trae CN官网https://www.trae.cn核心配置完全免费覆盖国内主流大模型GLM4.7、MiniMax-M2.1等模型搭载doubao-1.5-pro支持切换满血版DeepSeek-R1V3特色功能内置MCP市场、SOLO模式、强大的回退能力适用场景个人开发者、学生、中小项目国际版Trae International官网https://www.trae.ai核心配置默认集成GPT、Gemini、DeepSeek等多家主流模型特色功能SOLO模式、长期记忆、全自动开发测试调试支持Claude可通过API Key使用Claude模型适用场景需要国际模型支持的开发者2CodeBuddy腾讯云国内版CodeBuddy CN官网https://copilot.tencent.com/ide/核心配置混元DeepSeek双核驱动特色功能200语言支持、微信生态集成定价体验版免费500 Credits/月旗舰版¥78/人/月适用场景中小企业、微信生态开发者国际版CodeBuddy International官网https://www.codebuddy.ai/核心配置与国内版功能对齐特色功能依赖邀请码注册适用场景海外用户、国际化团队2.3 工具对比总结工具类型最佳场景价格上下文窗口Claude Code终端CLICLI重度用户$20-200/月1M tokensCursorAI原生IDE综合最佳$0-200/月100M tokensGitHub CopilotVS Code扩展VS Code团队$0-39/月20万tokensWindsurfAI原生IDE初学者$0-200/月-Trae CNAI原生IDE国内用户免费-CodeBuddy CNAI原生IDE企业用户¥0-199/月-三、Vibe Coding的应用场景和典型案例3.1 应用场景1快速原型验证场景描述创业者或产品经理需要快速验证产品想法传统开发周期太长Vibe Coding解决方案用自然语言描述产品需求AI在数小时内生成可运行的MVP典型案例Y Combinator 2025年冬季孵化器中25%的创业公司代码库几乎完全由AI生成2内部工具开发场景描述企业需要定制化内部工具但缺乏专业开发资源Vibe Coding解决方案业务人员直接描述需求AI生成数据看板、报表工具、审批流程等典型案例某制造企业用Vibe Coding在3天内开发出生产线监控系统传统开发需要2个月3个人项目与学习场景描述个人开发者想快速实现创意或学习新技术栈Vibe Coding解决方案通过与AI对话快速生成代码并学习实现原理典型案例独立开发者用周末时间完成一个完整的电商小程序4前端页面开发场景描述需要快速搭建响应式网页、落地页Vibe Coding解决方案描述UI设计AI生成HTML/CSS/React代码典型案例营销团队用Vibe Coding在1小时内完成活动落地页5数据处理与分析场景描述需要处理Excel数据、生成报表、数据可视化Vibe Coding解决方案描述数据处理逻辑AI生成Python脚本典型案例财务团队用自然语言描述报表需求AI自动生成数据处理脚本3.2 不适合的场景金融/医疗等高安全性系统代码安全性和可靠性要求极高多人协作的大型代码库缺乏统一规范容易产生冲突长期维护的核心系统技术债务积累风险高性能敏感的底层系统AI生成的代码可能缺乏优化四、操作实战4.1 安装Node.js和Claude1安装Node.js步骤访问Node.js官网https://nodejs.org/下载LTS版本推荐v22.x运行安装程序按默认选项安装打开命令行验证安装暂时无法在飞书文档外展示此内容2安装Claude Code步骤打开终端运行安装命令暂时无法在飞书文档外展示此内容验证安装暂时无法在飞书文档外展示此内容4.2 VS Code安装Claude插件、配置DeepSeek API Key1安装Claude插件步骤打开VS Code进入扩展市场CtrlShiftX搜索 Chat for Claude Code 或者Claude Code Chat安装官方Claude扩展重启VS Code2配置DeepSeek API Key步骤获取DeepSeek API Key访问DeepSeek官网https://platform.deepseek.com/注册账号并获取API Key在Cluade Code中配置在如下目录创建一个配置文件。C:\Users\【你的用户名】\.claude例如C:\Users\Administrator\.claude在.claude文件夹下创建一个settings.json文件暂时无法在飞书文档外展示此内容点击“CC”图标打开Cluade Code窗口开始对话完成编程任务4.3 下载安装Trae国内版、国际版1Trae国内版安装步骤访问官网https://www.trae.cn下载Windows/Mac版本运行安装程序登录字节账号选择语言简体中文开始使用特色功能内置多种模型可自动选择或者手动指定MCP市场一键配置SOLO模式全自动开发2Trae国际版安装步骤访问官网https://trae.ai下载对应系统版本运行安装程序登录账号支持Google、GitHub等选择语言配置API Key可选与国内版区别默认集成GPT、Gemini、DeepSeek等国际模型支持Claude模型需API KeySOLO模式功能更完善4.4 Token Plan和Coding Plan1Token Plan按量计费定义按API调用消耗的token数量计费适用场景使用频率不稳定需要灵活切换模型个人开发者、学习用途计费示例Claude 3.5 Sonnet3/百万输入token15/百万输出tokenGPT-4o2.5/百万输入token10/百万输出token2Coding Plan订阅套餐定义按月/年订阅包含固定额度的API调用适用场景高频使用团队协作企业级应用套餐对比工具FreeProProUltraCursor有限补全$20/月$60/月$200/月Claude Code-$20/月-$100/月起GitHub Copilot2000次补全/月$10/月$39/月-Windsurf25 credits/月$15/月--4.5 Trae SOLO模式与Agent模式的区别1SOLO模式定义全自动开发模式AI独立完成从需求分析到代码部署的全流程特点全自动只需描述需求AI自动完成所有步骤端到端从需求分析、架构设计、代码生成到测试部署长期记忆记住项目上下文和开发历史适合场景快速原型、个人项目、学习探索使用示例暂时无法在飞书文档外展示此内容2Agent模式定义半自动协作模式AI作为助手辅助开发者完成任务特点人机协作开发者主导AI辅助精确控制可指定具体文件、函数、代码段逐步执行可审查每一步的修改适合场景企业项目、团队协作、代码重构使用示例暂时无法在飞书文档外展示此内容3核心区别对比维度SOLO模式Agent模式控制程度AI全自动人工主导适用场景快速原型、个人项目企业项目、团队协作代码审查事后审查实时审查修改粒度整个项目指定文件/函数学习曲线极低中等代码质量需要人工优化可精确控制五、AI编程心得5.1 AGENTS.md/CLAUDE.md的约束配置1为什么需要约束配置文件AI编程助手是通用的不知道你的项目规范。约束配置文件就像是给AI的项目说明书让它按照你的习惯工作。好处减少你怎么又用any类型的返工团队成员使用统一的AI行为规范AI输出更符合项目要求提升效率2AGENTS.md配置示例在项目根目录创建AGENTS.md文件暂时无法在飞书文档外展示此内容无涯个人AGENTS.md参考暂时无法在飞书文档外展示此内容3CLAUDE.md配置示例对于Claude Code创建CLAUDE.md文件暂时无法在飞书文档外展示此内容4配置文件的优先级大多数AI工具支持三层配置全局配置用户主目录下的配置如~/.claude/CLAUDE.md项目配置项目根目录下的配置目录配置子目录下的配置优先级越靠近当前编辑文件的配置优先级越高5.2 引用具体文件与代码片段1为什么要引用具体文件模糊的描述会让AI猜你要什么精确的引用让AI直接定位到目标代码。坏的提示词暂时无法在飞书文档外展示此内容好的提示词暂时无法在飞书文档外展示此内容2引用技巧指定文件路径在src/components/UserCard.tsx中引用代码片段参考第23-35行的实现方式关联相关文件参考src/utils/request.ts中的axios封装说明上下文这个组件在src/pages/Dashboard.tsx中被使用5.3 优化提示词1提示词的五个要素上下文定位在哪个文件/目录约束条件用什么技术栈/已有封装具体要求接口格式、数据结构、错误处理边界说明不要做什么思路先行让AI先说方案再写代码2优化示例原始提示词暂时无法在飞书文档外展示此内容优化后的提示词暂时无法在飞书文档外展示此内容3常用提示词模板功能开发模板暂时无法在飞书文档外展示此内容Bug修复模板暂时无法在飞书文档外展示此内容5.4 一次解决一个问题新开窗口1为什么要这样做AI的上下文窗口是有限的长时间对话会导致上下文污染前面的对话内容干扰新任务性能下降token消耗增加响应变慢逻辑混乱AI可能混淆不同任务的上下文2最佳实践每个独立任务开新对话通过项目记忆文件保持上下文一致性复杂任务拆分成多个小任务完成一个任务后立即测试验证3任务拆分示例原始需求开发一个用户管理系统拆分后的任务设计数据库表结构实现用户注册接口实现用户登录接口实现用户信息修改接口实现用户列表查询接口前端登录页面前端用户列表页面每个任务单独开一个对话窗口完成。5.5 压缩上下文1为什么需要压缩节省token消耗降低成本提升响应速度减少处理时间聚焦关键信息避免无关内容干扰2压缩技巧技巧一总结式压缩暂时无法在飞书文档外展示此内容技巧二关键信息提取暂时无法在飞书文档外展示此内容技巧三分批处理暂时无法在飞书文档外展示此内容3上下文管理工具Claude Code支持1M token上下文适合大型项目Cursor100M token上下文支持项目级理解项目记忆文件通过AGENTS.md/CLAUDE.md持久化关键信息5.6 代码备份恢复1为什么要备份AI可能引入bug生成的代码不一定完全正确便于回滚快速恢复到上一个稳定版本对比学习查看AI修改了哪些内容2备份策略策略一Git版本控制暂时无法在飞书文档外展示此内容策略二快照备份暂时无法在飞书文档外展示此内容策略三IDE内置功能VS Code内置Git集成可查看文件修改历史Cursor支持查看AI修改的diff对比Trae强大的回退功能可完整回退项目修改3恢复流程发现问题运行测试或手动测试发现bug定位修改查看git diff或文件对比找到AI修改的部分评估影响判断修改是否影响其他功能选择恢复方式部分恢复只回滚有问题的代码完全恢复回滚到上一个稳定版本验证恢复运行测试确保功能正常六、FDE工程师6.1 什么是FDEFDE前沿部署工程师Forward Deployed Engineer是AI时代最火爆的新型技术人才。这个角色由Palantir首创现已成为AI产业的核心岗位。核心定义FDE是驻扎在客户现场、深度理解业务需求、将AI技术转化为实际业务价值的技术专家。名字由来Forward Deployed源自军事术语指前沿部署——像特种部队一样深入前线直接解决实际问题。6.2 FDE与传统岗位的区别维度FDE传统驻场开发解决方案架构师工作地点客户现场客户现场办公室/远程技术深度深度掌握AI技术通用开发技能架构设计能力业务理解深度理解客户业务了解基本需求了解行业趋势交付方式端到端交付按需求开发方案设计价值创造直接创造业务价值完成开发任务提供技术方案6.3 FDE的核心技能矩阵1硬技能编程与工程精通Python等语言熟悉现代AI开发辅助工具Claude Code、Cursor、GitHub CopilotAI与ML熟悉大语言模型应用开发LangChain、LlamaIndex、RAG架构、Prompt Engineering数据工程数据处理、ETL、数据可视化云原生Docker、Kubernetes、微服务架构2业务理解力行业知识深入理解特定行业的业务流程和痛点需求分析将业务需求转化为技术方案的能力价值评估评估AI解决方案的商业价值3软技能沟通能力与非技术人员有效沟通项目管理管理项目进度和资源问题解决快速定位和解决复杂问题客户关系建立和维护客户信任七、未来展望与行业思考7.1 AI编程的发展趋势1从Vibe Coding到Intent-Oriented Programming2026年AI编程正从依赖模糊直觉的Vibe Coding转向以精确意图表达为核心的Intent-Oriented Programming意图导向编程。核心变化意图即语法用精确、结构化的自然语言描述What/Why/Where3W原则目标定义上下文注入执行约束开发者角色转变从写代码转向设计规约2多工具协同未来的AI编程将是多工具协同的时代终端AgentClaude Code处理复杂推理和重构AI IDECursor/Windsurf处理日常编码专项工具CodeX处理特定任务开源工具Cline、Continue.dev提供免费替代方案3企业级应用深化AI编程工具将深入企业研发流程CI/CD集成AI自动审查代码质量安全合规AI检测安全漏洞和合规问题知识沉淀AI学习企业代码库和最佳实践7.2 开发者技能转型1从写代码到设计规约未来开发者的核心竞争力将转变为需求分析能力准确理解和表达业务需求架构设计能力设计可维护、可扩展的系统架构AI协作能力有效使用AI工具提升效率质量把控能力审查和优化AI生成的代码2必备的新技能Prompt Engineering编写高质量的AI提示词AI工具熟练使用掌握主流AI编程工具代码审查能力快速识别AI生成代码的问题持续学习能力跟上AI技术的快速发展7.3 行业思考1AI会取代程序员吗答案是否定的。AI不会取代程序员但会重新定义编程的方式。原因AI需要人类指导明确需求、设计架构、把控质量创造力不可替代创新性的产品设计和用户体验复杂问题解决AI难以处理复杂的业务逻辑和边界情况伦理和责任代码的伦理问题需要人类判断2Vibe Coding的边界适合的场景快速原型验证个人项目和学习内部工具开发前端页面开发不适合的场景金融/医疗等高安全性系统大型团队协作项目长期维护的核心系统性能敏感的底层系统3未来展望短期1-2年AI编程工具成为开发者标配Vibe Coding在原型开发中广泛应用企业开始建立AI编程规范中期3-5年AI深度融入研发流程FDE成为热门职业AI编程教育体系建立长期5-10年编程范式根本性变革自然语言成为主要编程方式AI与人类深度协作成为常态7.4 给开发者的建议1拥抱变化主动学习AI工具不要抵触积极尝试关注行业趋势了解AI编程的最新发展参与社区交流加入AI编程社区分享经验2保持学习持续提升技术能力AI是工具基础能力仍然重要学习新技能Prompt Engineering、AI工具使用关注业务理解技术最终服务于业务3理性看待不要过度依赖AI保持独立思考和解决问题的能力注意代码质量AI生成的代码需要审查和优化平衡效率与质量快速开发的同时保证代码质量总结Vibe Coding正在重新定义编程的方式它不是要取代程序员而是让开发者从繁琐的语法细节中解放出来专注于更高层次的思考——架构设计、用户体验、业务创新。未来的程序员将是AI时代的指挥家——不需要自己演奏每一个音符但要懂得如何引导AI创造出美妙的乐章。
返回列表