豆包 AI 编程 | 2025 年第 26 周草梅周报草梅友仁分享了使用豆包 AI 编程工具的经验，该工具能高效生成前端

本文在草梅友仁的博客发布和更新，并在多个平台同步发布。如有更新，以博客上的版本为准。您也可以通过文末的 原文链接 查看最新版本。

前言

欢迎来到草梅周报！这是一个由草梅友仁基于 AI 整理的周报，旨在为您提供最新的博客更新、GitHub 动态、个人动态和其他周刊文章推荐等内容。

最近在研究豆包 AI 编程，效果之好超乎我的预料。

虽然目前只能生成简单的前端 HTML 单页面应用，但作为网页的原型设计却已经是绰绰有余。

本人的 RSS Zero 和草梅 Auth 两个项目都使用了豆包 AI 编程来生成网页原型，效果相当不错。

RSS Zero 和草梅 Auth 都还在快速开发中，当前页面上的只是设计原型，并未实现交互。

对于这两个页面有任何看法、意见和建议的都可以在评论区留言。

RSS Zero 正在进行问卷调查，点击参与项目问卷调查。

此外，甚至还能实现网页小游戏，比如说五子棋。

这个五子棋小游戏甚至带人机对战。当然，逻辑比较简陋。

我把我以前设想过的一些项目，都交给豆包 AI 编程来生成一遍网页原型，其中有一些效果不错，看着就比较有前途，不过也有一些效果不佳，还需调整。

在如今的时代开发一个网页不再是一件难事，也因此，传统的先进行页面设计，再分别进行前后端开发的模式也需要改变。

我认为目前开发一个网页项目最简单的方式还是先使用 AI 生成页面原型，然后直接交付给用户看。如果用户喜欢，再接着实现功能，如果用户不喜欢，就听取意见改进，或者直接重写页面原型。

接下来说一下使用细节上的的问题。

豆包 AI 编程默认情况下生成的页面中，基本上都是用 tailwindcss 来实现样式的。

对于 tailwindcss 本人倒是持中立态度，不过由于学习 tailwindcss 的时间成本有些高，可能也有些人不喜欢使用 tailwindcss。

因此，可以在生成页面的时候，指定样式的风格为纯CSS，不使用tailwindcss，这样就能避免生成带 tailwindcss 的页面。

然后是指定 UI 框架，例如使用 Vue.js 设计，那就指定风格为：使用Vue，CDN地址：https://unpkg.com/vue@3/dist/vue.global.js。

之所以还带了个 CDN 地址，是因为这是单页面应用，第三方包都需要从外链引入。

如果希望兼容桌面端和手机端，还可以要求使用响应式设计。

身为前端程序员，使用过豆包 AI 编程后，也算是彻底意识到危险了。

在如今的时代，前端基本上是最先被淘汰的一个职位，因此，只有尽快的学习使用 AI 工具，向更多方向发展，才能在 AI 的浪潮下留有自己一分地。

本周的更新和动态如上所示。感谢您的阅读！您可以通过以下方式订阅草梅周报的更新：

本文作者：草梅友仁
本文地址：blog.cmyr.ltd/archives/20…
版权声明：本文采用 CC BY-NC-SA 4.0 协议进行分发，转载请注明出处！