飞机vibe coding

在飞机上闲来无事决定尝试用ai写一个自己的blog网站，整体体验感还是非常棒的，用claude code 大概花了3个小时左右就完成了网站的搭建，后续尝试了一下增加一些功能如评论区和美化UI，但需要进一步部署数据库就没有继续做了。ai主要是把此次项目分成了几个部分：

1. 环境配置：安装Next.js/next，以及初始化文件夹的创建工作

   • 有一定的配置环境能力，效率也高，但是只适合没有任何配置的环境。在已经有一定配置的环境下，新加载的配置容易与就配置产生冲突，这种情况下ai无法辨别如何处理，并开始俄罗斯套娃.
     
   • Node环境与旧环境配置相冲突

   Bugs encountered

   Bug: npx failed on first run Cause: Old Node.js v10 binary at /usr/local/bin/node shadowing Homebrew Node v23 Fix: Deleted old binary, used Homebrew node directly

2. 核心文件：所有需要的lib和基础环境配置

   • 这一部分完成的十分完美，我几乎没有做任何的修改，不过也可能是因为我不懂Node架构 :D

3. 设计UI：对界面进行简易的美化

   • 这一部分我也没有过多的干预，相同的我也不懂TS :D
   • 后面我会使用图片让ai来对网站进行改动和升级

4. SEO：更多的基础设置，包含robots之类的文件（完全不懂）

5. 网站部署：需要购买域名和部署至Vercel上

   • 这一步目前ai还是无法完全替代，但是给出了十分精准的意见，我几乎没有搜谷歌就完成了域名的购买，链接DNS服务器，体验非常棒。

总结:

这个小项目真的是让我体验到了ai的强大，这次去美西和朋友们交流的时候我还不相信大家原来都不用写代码了，但是费用真的也不低，这个小项目才4个小时左右已经使用了100k的token。后面我也会继续更新，把自己的一些心得记录下来，争取做一些医美类相关的工具。