【小增长团队】之前骂 AI 代码是垃圾，直到我用它零代码搭官网，以电商批量转账系统产品官网为例，比我自己开发快 10 倍！

1. 曾经的我：AI 编程？纯属噱头，谁夸我怼谁​

我以前对 AI 编程，那真是打心底里不信！总琢磨：机器写代码能靠谱？要么全是漏洞，要么就是复制粘贴的垃圾代码，最后还得人来擦屁股，纯属浪费时间。​

身边同事说 “AI 编程省事儿”，我都忍不住呛两句：“你是没踩过坑吧？噱头而已！”​

2. 被逼无奈：没人手搭官网，抱着吐槽心态试 AI​

直到上周，公司要赶一个搭一个批量转账软件的产品官网 —— 结果其他程序员全在忙核心项目，根本抽不出人。主管天天催，我实在没辙了：“反正没人手，不如试试 AI 零代码工具，大不了吐槽一顿！”​

我使用了Cursor，打开工具后，我就敲了一行需求，几乎是小白的自然语言来提需求：“科技公司产品官网，要简洁大气，包含产品展示和联系表单”，然后点了 “生成”。​

3. 当场打脸：10 分钟出成品，效果秒杀外包​

结果你猜怎么着？不到 10 分钟，一个完整的官网框架直接出来了！​

当然效果已经超过了我预期，接下来我又花了10分钟跟Cursor交互，提了我的一些更个性化的需求：

最终，页面布局整整齐齐，手机、电脑打开都适配（响应式设计直接到位），连产品分类的逻辑都想得比我细：首页、产品介绍、解决方案、客户评价。全程我就是自然语言交互，比如：

以我优化客户评价版块为例，提示词如下：
客户评价版块继续优化：
1.卡片宽度请参考其上面的“需要定制化解决方案？”区域，宽度保持一致
2.卡片布局参考如图，布局排版按钮都尽可能还原参考图

没碰一行代码 —— 最后出来的效果，比去年找外包花 5000 块做的还精致！​

其中，上图的"企业客户，系统稳定性，技术支持"，这些数字，直接还带动画/动效效果！！！

这时候我才猛醒：之前对 AI 编程的认知，简直错得离谱！它的能力早超出我想象了。​

4. 真香后续：下一步试试 APP、小程序​

现在我满脑子都是 “AI 编程还能干嘛”—— 已经在查资料，想把它用在 APP 和小程序开发里。​

比如公司要做的客户反馈小程序，以前得等程序员排期，现在说不定我自己用 AI 就能搞定！​

5. 客观说：不是万能的，但中小项目足够顶​

当然也不能吹得太满 —— 目前那些工程化要求极高/代码质量要求的场景，比如大型系统的核心模块开发，AI 确实帮不上太多忙。

另外，发现提一个问题：AI目前生成的业务逻辑/UI代码组织的相对比较混乱，耦合性比较高，比较难维护。可能需要我用更好的提示词去管理，这一块我会继续探索。​

但咱们日常做的中小型项目（比如官网、简易小程序），对代码质量和工程化要求没那么高的话，AI 编程绝对能把效率拉满，不服都不行！

另外，为了让你对ai编程在网站开发这块，成果有个最直观的体验，我将ai生成的代码放到gitee了，如果不想部署代码，可直接http://liuliangwang.info/ 查看即可。

如果你想部署，复用我的代码，源码我会放在giteee，用react+typescript构架的代码，你可以部署拿来直接复用。https://gitee.com/elton_xia/anxinzhuan-transfer-website

另外，需要vue版本或h5的可以评论区交流。后续，我可能会用ai开发多框架版本。