当第一次听到 Vibe Coding 这个词的时候有点疑惑，这个词到底是什么意思，为什么大家都在说这个词，在 X 上看了下相关的帖子。
Vibe Coding：是一种软件开发实践，它让应用构建变得更加容易，对于那些编程经验有限的用户尤其如此。简单理解是你只要给 AI 下达指令，AI 给你写代码，AI 创造。
更详细的解释是：
“There’s a new kind of coding I call ‘vibe coding’, where you fully give in to the vibes, embrace exponentials, and forget that the code even exists.”
— Andrej Karpathy, 2025
Vibe Coding 是 2025 年提出的最有代表性的 AI 原生构建方式之一，也是 Collins 词典年度词汇。在 Vibe Vibe 里，我们把它放在一个更大的定位里理解：AI 创造。
- 用自然语言描述目标与需求，而不是所有步骤都亲手完成
- 让 AI 参与实现、组织和迭代，你负责验收、判断和调整
- 更快把想法变成真实成果，因为做出东西往往比空想和完美规划更能推动学习
在没有尝试之前，我觉得这个东西很难。实际体验之后，蛮简单的，但要做出一个很完善的 coding产品是必须要懂代码的。
我用的是 DeepSeek 来写的，只需要描述好自己的需求，AI能在几分钟之内完成这个小工具。就是这款小工具 IP 查询：ip.yesreho.com
可以访问尝试尝试，看下IP地址给的正确不正确，我这边尝试之后给的IP地址还是蛮准确的。
我最先给到DeepSeek的指令是：我想做一个IP查询的页面，要怎么下指令给你。因为我自己都不知道能做出什么页面来，所以还是让AI自己来给指令是或许是更好的。
之后分析了下我的要求
. 先说明核心功能
- 查询本机IP：打开页面自动显示用户的公网IP、运营商、地区。
- 手动查询：输入任意IP地址，查询其归属地、运营商等信息。
- 附加展示：地图位置、经纬度、时区、ASN等。
2. 选择技术实现
- 纯前端HTML/CSS/JS（无需后端），调用免费IP查询API。
- 如果你有后端偏好，告诉我语言（如Python/Node），我会给相应代码。
3. 界面风格
- 简洁卡片式、极简科技风、渐变深色模式等。
- 是否需要响应式移动端适配。
- 是否有品牌色或参考图。
4. 数据来源
- 默认我用免费的
ipapi.co、ip-api.com或ipwhois.io，你可以指定。- 如果需要高并发、商业使用，我也可以给出多个API自动切换容错的方案。
给的建议指令是
“帮我生成一个IP查询页面，纯单文件HTML，打开自动显示访问者的公网IP、城市、运营商。界面采用深色渐变卡片风格，带一个输入框可以查询任意IP。使用ip-api.com免费接口，需要处理查询失败的状态。代码里加好注释。”
直接给指令之后，开始跑代码了。也是遇到了几个问题，就是不能查询IP地址，简单的理解就是没有获取到API，获取到了API能立马出来。
经过几次的调整和优化，终于能出来IP地址。后面就设及到部署和添加多语言的问题。多语言这个也比较简单。直接和 DeepSeek 说你想要多语言，其他的不变，它立马给你多语言版本的代码。重新部署就可以。
部署也比较简单，将生成的代码下载下来，放到一个文件夹，直接上传到 cloudflare的Workers 和 Pages 上，然后绑定自己的域名，就能直接访问了。如果想加新的功能直接对话沟通即可。
整个流程，从代码生成到部署半小时不到。如果你想尝试的话，也可以试着去做些小工具。
有空的话可以看下这个网站的内容 Vibe
面向零编程基础学习者的 AI 辅助编程系统化教程，从「我有一个想法」到「我做出了一个产品」，让人人都能成为 Builder。
以上。
