AI编程使用Vibe Coding的实际应用
实践出真知
在本课程中，我们将使用 vibe coding 来改造一个现有项目，使其按照我们的期望运行。
该项目是一个个人博客网站系统。
所使用的技术栈是 Next.js 和 Tailwind CSS。
本课程所用项目的源代码下载链接为：my-website.zip
本课程中使用了以下提示词：
- 请帮我分析这个项目的代码结构，并将结果保存到 CLAUDE.md 文件中。
- 删除 /photo 页面
- 将主页上的文字 MAIN 改为 HOME。
- 删除主页上"Hello, I'm Yang"部分的 Gallery 和 Blog 按钮。
- 将 src/components/footer.tsx 中的文本 "Built by Yang. The source code is available on GitHub." 改为 "© 2026 AIForCoding. All rights reserved."
- 请帮我构建这个项目
- 运行 npm start 启动项目
为什么本课程以前端开发为例？
离客户最近，赚钱相对容易。开发完成后，可以立即分发到全球。
如何让项目更快运行起来？
你不需要从头开发。你可以在 GitHub 上找到一个最符合你需求的项目。实际上，项目不一定需要从头构建。在 GitHub 上找一个与你项目相关或相似的项目，然后进行相应的修改。让 AI 智能体去修改；只要你能理解代码就行。即使有些部分不完全理解，也没关系。 这样，你的项目就能快速运行起来，你的信心也会建立起来。
最后更新