Vibe Coding
Vibe coding 是目前全球的趋势。简而言之,氛围编程就是让 AI 来编写代码,而不是由程序员从零开始或通过模板手写。这为所有人开启了可能性——不只是程序员或 IT 人员,任何人都可以进行“氛围编程”。开发人员和程序员的关注点也在发生转移:从关注代码本身,转变为现在的“产品经理”,负责设定网站或应用程序的架构,并引导 AI 根据框架和结构进行编码,以及有效地修复错误。
对于非 IT 人员来说,氛围编程让他们能够轻松地构建网站和原型应用,但目前还无法实现真正的完全部署。虽然氛围编程在前端演示和原型制作上非常高效,但要部署一个网站或应用,除了前端之外还需要处理很多事情。如果你想让网站/应用投入实用,就必须处理部署、库、服务端、客户端和数据库等问题。因此,用户在部署一个完整运行的网站或 Web 应用之前,仍需具备从 A 到 Z 的基础知识,包括部署流程、数据库、域名和 DNS 配置。
Vibe Coding 游乐场
我开始尝试使用 Google AI Studio 提供的氛围编程工具。在这个过程中,我学到了很多关于氛围编程的技巧,以及如何编写有效的提示词 (Prompt)——让 AI 实现新功能、修复错误,直到网站逻辑通顺且所有功能都被正确实现。此外,直接在网站上集成 AI 功能也让我了解了 API 的工作原理、API 密钥 (API Keys)、Token 以及速率限制 (Rate Limit)。这些都是自学的知识,学校和大学里并不会教,尤其是在电子电气工程 (E&E Engineering) 课程中。
起初我只是有一个小想法——做一个 AI 行程规划工具,帮助那些想来槟城旅游的人,结果最后我通过氛围编程搞定了整个带有 AI 功能的网站。
部署上线
我趁着Exabytes 推出 1 令吉 .my 域名促销时购买了一个域名。然后,我开始学习 DNS 管理,并配置 DNS 指向 Vercel。Vercel 作为一个零配置的部署平台表现得非常出色,对于没有计算机科学背景的人来说非常友好,只需点击一下即可部署网站。对于原型网站来说,Vercel 的免费方案已经绰绰有余。
这就是由 AI 打造的 AI 旅游网站:visitpenang2026.my
(注:我在这个网站上增加了一个功能,让你可以直接在邮箱中接收我的最新动态。 点击此处订阅!)