记录一下第一次尝试vibecoding的过程，从有想法到网站上线大概花了2-3天。之前完全不会写代码，现在也不是很会，只是摸索着做完了。 🧩做了什么 一个记录恋爱日常和小猫成长的网站，主要有这些功能： ✅显示我们在一起多少天 ✅上传回忆照片和文字 ✅小猫圆圆的成长日记（假装是朋友圈） ✅默契问答小游戏 ✅粉色界面，有背景音乐 🧩用到的工具： ✔️Kimi、DeepSeek：用来理清思路，生成给编程工具的指令 ✔️Cursor / Trae：写代码的主力。Cursor功能强但免费额度很快就用完了，后来换成Trae，免费，用的Minimax模型，感觉也够用 ✔️Vercel：部署上线 ✔️GitHub：存代码的地方 ✔️科学上网：Cursor和Vercel都需要 🧩大概步骤 1.想做什么：一开始想法很模糊，就是想做个纪念网站。建议第一次别搞太复杂，只做展示类的页面就行。 2.先跟AI聊，不要急着打开编程工具。先跟Kimi或DeepSeek对话，让它帮你把模糊的想法变成具体的功能清单，这一步很重要，指令写清楚了，后面省很多事。 3.在Cursor/Trae里迭代，把写好的指令复制进去，看生成效果，不满意就继续提修改意见。来回好几次是正常的。比如我的小猫日记板块，一开始只有一栏，两边很空，后来改成平铺的卡片式，加了点小动效，看起来舒服多了。 4. 测试，自己点点看，换手机也看看显示是否正常。 5.部署上线，用Vercel连接GitHub仓库，一键部署。过程中可能会报错，把错误信息复制给AI，让它帮忙排查。 ❓遇到的一些问题 1⃣️Cursor额度用完，直接换Trae，免费够用 2⃣️数据存在哪：一开始不用想太复杂，直接把内容写在代码里就行。比如恋爱开始日期、小猫的基本信息，都是预设好的，以后想改再改 3⃣️各种报错：看不懂的英文错误直接丢给AI，它能解释并给出修改方案 [棒R]一点感受 以前觉得做网站很难，现在发现其实不需要自己会写代码，关键是能把想要什么描述清楚。看到最后成品的时候还是挺有成就感的，如果你也有想做的简单小工具，可以试试看。不需要准备什么，有想法就可以开始了。 #vibecoding #AI工具 #Kimi #deepseek #cursor #trae编程 #网站设计