一行代码没写，我用一天的时间做了一个网站

我正在参加Trae「超级体验官」创意实践征文， 本文所使用的 Trae 免费下载链接： www.trae.ai/?utm_source...

AI 编程真的能做到一天写完一个网站吗？ 这听上去像科幻小说里的情节，但事实证明，借助字节的 Trae，我真的在一天之内完成了一个网站的开发。本篇文章主要分享这次 AI 编程的完整实战经验，包括踩过的坑、用到的技巧，以及如何最大化 AI 的生产力。

整个写代码的过程有点钢铁侠里面的场景，只是没有那么炫，大概是这样：

网站已经上线，有兴趣的同学可以访问：开发哥 AI 编程工具箱 www.kaifage.com/

完工后的界面如下：

纯前端项目，使用了 Vue 框架

🚀 AI 编程的核心思路

在这次沉浸式 AI 编程过程中，主要使用了 Trae 作为 AI 编程助手，并结合 Claude 3.5 Sonnet 和 GPT-4o 进行代码生成和优化。整体思路如下：

在这次 AI 编程过程中，有以下的一些体验点，能极大提升开发效率：

在前端（HTML/CSS/JavaScript）方面，AI 生成的质量较高，尤其是像 React、Vue 这样的框架，AI 处理起来相对流畅。实际使用体感，传统的前端方案略差一些。

如果 AI 一直在重复错误，或者陷入死循环，不妨试试：

有时候，AI 对于具体代码的理解会有偏差，但如果用抽象表达，它反而能给出更好的优化方案。例如：

✅ ❌ 直接写代码请求 ：「请调整 div 的 padding 为 20px。」这种还不如自己直接调。

✅ ✔️ 抽象表达：「当前的界面布局不合理，请优化为更合理的布局。」

当然，AI 编程并不总是生成你想要的代码，这次编程过程中也遇到了不少问题：

「正在为当前文件写入变更」真的太慢！
- 有时候 AI 生成代码的速度很快，但写入修改的时候却非常慢，甚至会提示「网络故障」。
- 解决方案：如果长时间没反应，手动复制代码粘贴到文件里，或者让 AI 直接输出完整代码。
代码不准，得自己检查！
- AI 生成的代码 80% 以上是可用的，但仍然会有小错误，比如少了一个逗号，无法跑通，时序问题等。
- 解决方案：自己多测试、多 Debug，不要 100% 依赖 AI。
AI 生成的代码风格不一致
- 可能前后使用的变量名不统一，或者代码风格参差不齐。
- 解决方案：事先定义好代码风格，然后让 AI 统一格式，或者使用代码格式化工具。
AI 把原来已经跑通的模块搞坏了
- AI 在修改代码时，可能覆盖已有代码，导致逻辑混乱，甚至让原本能跑通的功能失效。
- 解决方案：使用 Git 进行版本管理，当一个功能调通后，先提交，建立一个可用的基线。同时如果过程中发现不可用了，可以取消本次编辑结果。