Vibe Coding的实践感悟-个人博客
前言
今年6、7两个月里，我尝试借助 Copilot 构建基于 Astro 的个人博客网站。作为一个无coding经验的人，我想分享使用过程中的一些心得体会。
背景
- 个人博客框架：Astro，基于现成模板进行修改。
- 开发工具：VS Code 中的 Copilot，调用模型为 Claude-4。
先规划框架，再雕琢细节
由于缺乏开发经验，我最大的失误是在项目初期未让 AI 参与整体架构设计。后续在添加页面和功能时，Copilot 只是根据需求“硬填”代码，忽视了模块化和分层设计。
举例而言，我的单个 CSS 文件膨胀至 1000 行以上，导致每次让 AI 优化样式都非常缓慢。待我提出优化疑问后，它才建议将样式拆分成多个文件。
这说明：如果未给出宏观设计前提，AI 的首要任务是满足即时需求，而不会主动优化项目结构。
优化建议：
- 针对大型工程，先让 AI 输出高层次的项目结构，再逐步深入细节。
- 自身应学习基础架构和常见设计模式，以便更精准地引导 AI 的设计方向。
总结
架构设计是项目的根基。若能在最初阶段做好整体规划，将大大简化后续开发与维护。下次启动新项目时，我会先专注于架构搭建，再投入细节实现。