探索 Vibe Coding

经历了一段时间的研究，再加上群里朋友的力荐，让我这个老人也感受到了氛围编程的快乐。

虽然我已在 AI 浪潮兴起时就尝试过将 AI 内置到 IDE 中来辅助我开发项目，那时的我和 AI 都傻傻的不好用，我也调不明白，更多还是用于解决程序上的错误或者拿它给软件的新功能设计提供思路，而且主要用各大厂商的 Web 对话。

再然后就是自从微软收购 Github 后，Visual Studio 就一直在推行它的副驾驶(Copilot)，你别说，预测下一步有时候确实非常准确好用。
这次刚好赶上 DeepSeek-v4 更新，而且 deepseek-v4-pro 模型还有 2.5 折扣优惠，没有比现在更好的把玩机会了!

部署环境

IDE 选择

这次我没有使用现有的 IDE 加插件，而是选择了一个整合好的 IDE —— Trae IDE
(这不是广告，上年纪了不想折腾而已)

模型选择

虽然 Trae 只需要下载，然后注册一个账户就能使用很多内置好的模型，而且免费，你可以在这里查看内置模型列表：TRAE 预置模型
不过要想体验最新的模型还是需要自己来自定义添加的，要不就是热门模型排队等很久。
DeepSeek-v4 版本推出了两个模型: deepseek-v4-flash 与 deepseek-v4-pro
小孩子才做选择，大人直接选择最强的版本，以下项目均使用 deepseek-v4-pro 制作。

编写一个简单的项目

经过上面配置后，我让它来写一个最近我一直想开发的小项目，IPv4&IPv6 的检测、查询工具。
这个项目最早诞生于《开服器系列》时期，那时候都是通过请求我开发好的后端 API 来获取显示在软件上，后续有人提出为什么不制作一个聚合页面，让不打开软件的也可以获取，我当时是有这个想发的，毕竟 IPv4 和 IPv6 的 API 都已经独立部署好了，就差一个前端了，后来一直没有开工，就搁置了。

编写项目需求

所以这个非常简单的项目，就拿来体验 Vibe Coding 了，我将设计思路写成了一个文件，提供给 AI。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

通过 javascript 原生请求 API 来开发一个 IPV4 & IPV6 地址显示工具

## 功能开发

API请求地址：
- ipv4：https://test-ipv4.nullcraft.org 返回纯文本
- ipv6：https://test-ipv6.nullcraft.org 返回纯文本

地理位置请求API
- https://myip.ipip.net/json 返回JSON：{"ret":"ok","data":{"ip":"IP地址","location":["国家","省","市","区","运营商"]}}

要求：
- 显示IP地址、国家、省、市、区、运营商等信息
- 功能简洁
- 最低兼容 IE11
- 语法简单封装，模块化设计，可扩展性好
- 给方法函数等增加注释，以便理解

## UI设计

使用下面的要求进行开发：

- 做好占位或加载状态设计
- 简洁大气，仪表盘卡片风格
- 支持 亮色、暗色 主题配色的切换
- 不要渐变色等奇怪的设计

AI实现过程

这里使用我的 API 来获取对应类型的网络地址，在通过网络地址请求第三方的物理地址 API。

通过几分钟的等待，就已经把项目从零到有的完成了。

实际运行项目

可以看到完成的非常完美，没有出现问题，设计的严格执行了我的要求。

词元消耗

只能说定价再配合上当前的折扣，非常实惠了。

感叹

这个项目不管是人写，还是 AI 写，只要有编程经验，就可以写出来，没有任何技术含量，它的核心就是请求 API 显示罢了。

我为什么要写这个文章呢？更多是感叹，我行使和认为的编程，无非就是搭积木，一个软件的功能就是在一个大的地基上累加积木块罢了。
一个大型项目，拆分成一个一个细小的模块，都没有技术难点，在我开发软件这十年来，新技术、新工具日新月异，周边做的开发朋友换了一茬又一茬，编程甚至已经成为某些地方初中，甚至小学的专业课程。

现在通过 AI 技术的加持，可以让不懂编程的也能过实现自己的想发而创造工具，会编程的可以通过 AI 辅助来更为精进自己的技术。

回想起自己在人生15岁时发布的第一款软件《我的世界开服器》中遇到的磕磕碰碰重重困难，即便我在当你选择了中文化的易语言编程遇到问题也无可奈何，在当时互联网并不如此时，当你遇到问题网络上大概率是搜不到解决方案的，只能靠自己一遍一遍的试错。

不得不感叹技术的发展速度越来越快，不知未来留给人类的会不会只剩下创造，或者什么都不剩。