5分钟搭建一个开发常用工具网站

前言

太绝了朋友们，我用 ChatGPT 5分钟搭建了一个开发常用工具网站～

现已上线：https://dev-tools.xuqiming.tech ,欢迎大家访问。

今天用 ChatGPT 搭建了一个个人导航网站后，突发奇想，既然他能生成 HTML 和 CSS ，那肯定也能生成 JS，一些常用的开发工具如 Json 格式美化、Base64加解密等等就可以通过JS实现嘛，那就让他试试吧。

过程

于是就开始给他提需求了:

请帮我用HTML、CSS、JS实现一个工具网站，要求如下：
1、支持以下工具：Json字符串美化、Unicode编解码、MD5加密、随机数自动生成、UUID自动生成、JWT解密
2、每个工具在网页上排列整齐美观，支持响应式布局，在移动端访问依旧美观

很顺利，ChatGPT 给出了 HTML、CSS、JS 代码，分别保存后，在浏览器中打开便可用！

简单测了一下各个工具，发现 MD5 不可用，于是在控制台上把报错内容交给他，让他看看是怎么回事：

原来如此，依他所说修改 bug，测试通过！

我还加入了 Base64 编解码工具，最终网站内容如下：

最后

总体开发流程已经发生了变化：

向 ChatGPT 提需求 -> 运行 ChatGPT 给的代码 -> 向其提问并解决报错内容 -> 上线！

感觉像发现了新大陆一样，这样一来，用 ChatGPT 开发一些简单的小工具也太容易啦，而且开发的东西既美观又实用！

最后附上本站源码及与 ChatGPT 沟通记录：Scorpio-xu/dev-tools: ChatGPT帮我生成的常用开发工具网站

大家还想要什么工具欢迎留言～

------ 更新

再次向 ChatGPT 提需求，让他多添加了几个实用工具：时间戳与时间互转、Bae64 与图片互转。

还给网站加入了一个很实用的功能，点击输出文本框能一键复制。

后续更新计划：修改页面样式，将这些工具分类展示；引入评论系统，使用者能直接反馈。