上篇文章对AI编码和AI IDE的几个发展路径做了介绍,并阐述了我对Vibe Coding的理解。这篇文章聊聊,作为一个初学者,该如何系统学习并掌握Vibe Coding。
1、做好思想转变和基础准备。
以前学习编程这项技能,不仅需要记住繁多的理论知识,还需要学习语法、函数等多种编程方式,并投入大量的实战,才能成为一个入门程序员。
再加上编程语言和各种工具框架层出不穷,先天的学习门槛和较为陡峭的学习难度,无形中困住了很多对写代码感兴趣的人。但现在有了Vibe Coding,这个无形的壁垒趋近于不断消失。
学习Vibe Coding的第一步,是转变思想。丢掉“我必须记住所有语法”的历史包袱,转而拥抱“我如何能清晰地描述我的意图”的新思维。
与此同时,因为AI 编码的底层依赖大模型能力,因此你需要在可选大模型范围中选择你需要的,注册账号并获得你的API Key,进行配置,基础准备就基本完成了。
2、选择合适的AI IDE或编码平台。
前面介绍过目前比较热门的AI IDE,对初学者来说比较友好的有如下几种:
2-1-极简入门平台:这类平台几乎不需要掌握编码知识。
Lovable: 非常适合初学者,几乎完全通过对话和简单的界面操作就能构建应用。
Glide + ChatGPT: 经典组合,用Glide构建无代码应用界面,用ChatGPT生成逻辑和数据处理脚本。
2-2-AI原生编辑器:目前Vibe Coding实践的主流工具。
Cursor: 推荐初学者从Cursor开始,它将代码编辑器和AI聊天融合的很和,是学习和实践Vibe Coding的绝佳工具,也是目前AI IDE中使用量和评价最好的。
Replit: 一个在线IDE,其AI功能同样强大,支持团队协作,无需本地配置。
当然,如果你没有掌握科学上网的方法,国产AI IDE你可以选择百度的Comate,或者字节的Trae。
3、掌握Vibe Coding的核心技能-提示词工程。
提示词是和AI沟通交互协作的入门技能,也是核心技能,在AI编码领域同样如此。
提示词质量很大程度上决定了生成的代码质量。下面是一些可参考的提示词原则:
明确具体:避免模糊的描述。不要说“给我做一个按钮”,而要说“使用React和Tailwind CSS创建一个蓝色的、圆角的按钮,文字是‘点击我’,点击后在控制台打印‘Hello World’”。
提供上下文:如果你想修改现有代码,就把相关的代码片段一并提供给AI。如果涉及到特定的技术栈和工具要求,也要明确告知。
分步迭代:不要指望一句话就生成完美的复杂应用。需要先让AI生成基本框架,然后通过后续的提示逐步添加功能、修改样式、修复bug。
学习高级技巧:逐步学习更高级的提示技巧,如“Few-Shot示例”(给AI几个例子让它模仿)和“思维链(Chain-of-Thought)”,即让AI先思考步骤再写代码。
更多关于提示词的编写技巧,可参考前面的文章《提示词工程入门指南》。
关于思维链,可以试试秘塔AI的深度研究功能,以及DeepSeek的深度思考功能。
4、事上练:一切从项目实践开始。
对新手来说,最紧要的是做大量的练习,教中学,事上练,而非看大量的案例。刚开始建议从小型、较为简单的项目开始。下面是可参考的几类项目:
个人能力集网站:向AI描述你的职业、技能、项目经历和期望的风格,让它为你生成一个静态网站。
简单的Web应用:比如一个记事本、一个天气查询应用、一个旅游规划应用,或者一个随机图片生成器。
浏览器插件:比如一个能一键保存网页所有图片的插件,或者一个能自动翻译网页选中文字的插件。
在这些项目中,你的角色是产品经理+项目经理+测试工程师:定义需求,评审AI的交付物,进行测试,然后提出修改意见。
5、主动拥抱社区,并保持持续学习。
Vibe Coding的概念提出刚半年,AI IDE相关工具目前也在快速迭代发展中,单纯靠个人探索很难保持对信息的敏感度,以及学习进度。因此我个人建议,找一个Vibe Coding相关的社区或者交流群。
开发者社区:在GitHub、StackOverflow、Reddit的r/programming等社区,有大量关于AI编程的讨论。
Vibe Programming Framework:这是一个社区驱动的框架,提供了Vibe Coding的学习路线图、相关资源和最佳实践案例,可以让你系统地学习成长 。
最重要的是保持好奇心,持续关注新的AI编程工具和技术发展,不断学习 。
最后,Vibe Coding不仅对新手友好,对于有编码经验的人特别是程序员,更是一种新时代的高效生产方式。
但需要明白一点,AI只是强大的工具,而非银弹。掌握Vibe Coding的关键,在于学习如何与AI高效协作,将你的idea通过AI这个“高效程序员”落地应用。
延伸参考:我用秘塔AI搜索的深度研究能力,通过提示词搞出了一份研究报告PPT,感兴趣的同学可以加我好友Z11aoe,并备注Vibe Coding PPT,免费获取资料。
声明:来自老张的求知思考世界,仅代表创作者观点。链接:https://eyangzhen.com/2715.html