纯 AI 驱动网页开发工作流可媲美 Devin

Devin 自称是"第一个"完全自主的软件工程师，最近刚亮相就引起了广泛关注。

虽然还没有公开发布，但借助几个开源工具，你现在就能获得类似的 web 开发体验，而且成本可能只需要它的零头。

使用 Wasp 在其 CLI 中的 AI 功能，你可以从一个简单的提示词生成一个完整的全栈 web 应用代码库。之后，你可以借助 Aider 的帮助来迭代和添加功能以及调试。

借助这两个 AI agent，你可以加速全栈应用开发，如果你愿意，完全不需要写一行代码。

请继续阅读详细说明，了解如何入门！

顺便说一下，Wasp 是构建全栈 web 应用的最快方式，而且还内置了 AI 生成功能——更重要的是它免费且开源！

你可以在 GitHub 上给我们的仓库点星来支持我们。这有助于我们构建更多东西并创作像这样的精彩内容 🙏

即使是 Ron 也会给 Wasp 点星 🤩

Devin 到底是谁？

你可能看到过关于 Devin 的所有炒作，它自称是"第一个"完全自主的软件工程师。

如果没有，看看下面的宣传视频：

虽然绝对不是第一个同类 AI 编码助手，但 Devin 的推出仍然吸引了众多目光。简言之，Devin 做的事情如下：

制定逐步计划

在一个带代码编辑器、终端、浏览器和聊天界面的漂亮 UI 中呈现其工作

能够在现有代码库上进行迭代

虽然存在其他类似的 AI 编码 agent（如 GPT-Pilot 是开源的），Devin 将所有必要的工具集成在一个精致的 UI 中，这是它的出众之处。此外，它在现有代码库上进行迭代的能力使它与大多数类似工具区别开来，除了 Aider（它还没有公开发布）。

那么，Devin 真的有那么令人印象深刻吗？

是也不是。正如著名 AI YouTuber Matthew Berman 在他关于 Devin 的视频中指出的那样，Devin 最令人印象深刻的可能是他们推出的成功。

但 Berman 也指出了他们营销宣传中的一些不一致之处：

Devin 绝对不是同类产品中的第一个。类似的工具如 Mage、Aider 和 GPT-Pilot 已经存在。

他们的性能基准对比（如上图所示）并不能认真对待，因为 Devin 是一个能够迭代和执行多个任务的 agent，而它与之比较的 LLM（如 GPT-4）只是"零次提示"（即它们只有一次机会来得到正确答案）。要进行公平的比较，Devin 应该与其他 agent 进行比较，如 GPT-Pilot、MetaGPT、Mage 等。

另外，Devin 实际上是建立在 OpenAI 的 GPT-4 API 之上。所以，是的，他们在这之上构建的一些工具非常令人印象深刻，会加速编码工作流程，但底层模型正是你我这样的开发者可以访问的东西。

这意味着，通过结合几个现有的开源工具，你现在就能获得与 Devin 相似的结果，无需等待早期预览访问权限，而且成本可能只需要它的一小部分。

现在让我们来看看它们吧！

Wasp AI x Aider——全栈 web 应用的开源"Devin"替代方案

几个月前，我们发布了 Mage（Magic App Generator），这是一个从简单提示词生成全栈 web 应用的实验性平台。自发布以来，Mage 已被用于生成超过 4 万个应用！

Mage 使用 Wasp（一个全栈 React、Node 和 Prisma 框架）来生成比大多数编码助手更好的全栈应用。为什么会这样呢？因为 Wasp 使用声明式配置文件来定义你的应用功能。

这个配置文件为 Wasp 编译器提供了"粘合"客户端和服务器代码所需的指令，并处理大量样板代码，这样你和 AI 都不必费力编写诸如 Auth、Routes、Endpoints、Server config 等代码。

// wasp config file

app TodoApp {
  wasp: {
    version: "^0.13.0"
  },
  auth: {
    userEntity: User,
    methods: {
      usernameAndPassword: {}
    },
  }
}

entity User {=psl
    id       Int    @id @default(autoincrement())
    tasks    Task[]
psl=}

// rest of the config file...

看看上面的例子，展示了如何用 Wasp 编写全栈认证。相当简单，对吧？现在想象一下，Mage 或任何其他 AI 编码助手编写 Wasp 代码有多容易。

再加上，因为 Wasp 配置文件已经像一组指令一样结构化，这允许 Mage 以类似 Devin 的方式创建计划。

这正是 Mage 真正闪耀的地方——快速且便宜地创建功能完整的全栈 web 应用原型。Mage 唯一的缺点是它不能在终端中使用，而且你不能进一步迭代生成的代码库。

好吧，现在这改变了。随着新的 Wasp 更新，Mage 的所有功能都被打包到 CLI 中。你只需安装 Wasp 并运行 wasp new，你就能从命令行通过提示词生成一个新的全栈应用！

之后，你可以使用 Aider（一个让你与 GPT-3.5/GPT-4 进行配对编程的命令行工具）来迭代生成的代码库并创建一堆很酷的新功能。

还没被说服？看看这个酷炫的宣传视频，它展示了一切是如何运作的：

如果这看起来很酷，而且你想用这些工具开始构建你自己的全栈 web 应用，请按照下面的说明操作！

安装 Wasp 后，进入你的终端并运行 wasp new

这样做会给你一个全栈启动模板的列表供选择。你需要：

从选项列表中选择 [5] ai-generated

输入你的应用的描述

选择你想用于生成的 GPT 模型和创意水平

尝试这些生成设置可以产生不同的结果，所以如果第一次生成的应用不是你想要的，调整它们然后重试。

不用太担心通过 OpenAI API 进行生成的成本。因为 Wasp 使用 DSL 并为我们管理大量样板代码，它大大减少了 GPT 必须生成的代码量。

例如，一个用 Wasp AI 生成的应用通常消耗约 25k 到 60k token，当我们混合使用 GPT4 和 GPT3.5（默认选项）时，大概花费 $0.1 到 $0.2 每个应用！如果我们仅用 GPT4 运行，成本是 10 倍，这意味着大约要花费 $1 到 $2。这仍然比大多数其他 AI 编码 agent 便宜得多，它们通常每次生成花费约 $15 到 $40。🤯

哦，"gpt-4-1106-preview"是指 OpenAI 的新 GPT-4-turbo 模型。因此，它比完全使用 GPT-4 更快更便宜。

Wasp AI（和 Mage）使用 GPT-4 用于计划 + GPT-3.5-turbo 用于代码生成的组合，我们发现它对简单应用来说效果意外地好。如果你的目标是一个复杂的应用，我们推荐完全使用 GPT-4，因为它更能处理更高的复杂性。只需注意 GPT-4 会花费更长的时间。

持续用 AI……der 来迭代

在 Mage 最初发布期间，我们收到了许多问题，询问是否有"调试助手"，或是否有办法在初始输出后继续使用 AI 生成更多功能。

虽然用 Wasp AI 不能做到，但我们开始探索其他具有调试功能的 AI 编码助手，最终我们真的很喜欢 Aider 的工作流程和性能。另外，Aider 是目前唯一允许你在现有代码库上迭代的 AI 编码工具，除了还没有向公众发布的 Devin。

所以，这使得 Wasp AI + Aider 成为完美的组合！

顺便说一下，Wasp 免费且开源，所以如果你喜欢我们在做的事情，可以考虑在 Github 上给我们点星！

⭐️ 给 Wasp 点一个星 🙏

一旦你用 Wasp AI 生成了一个全栈应用，你可以通过 Aider 使用自然语言来生成新功能或调试当前代码中的问题。

从你的 Wasp 项目目录在命令行中运行 aider

使用 /add 添加你想让 Aider 处理的文件

告诉 Aider 你想让它做什么，比如在表单中为"naps 数量"添加一个字段

Aider 随后会规划一个行动方案，并将这些更改应用为 git 提交。如果你不喜欢这些更改，运行 /undo 来撤销提交

如果你在尝试用 wasp start 运行代码时遇到错误，复制并粘贴错误到聊天中，让 Aider 为你解决。确保你已经在聊天中添加了错误引用的文件（见第 3 步）！

如果你需要更多关于使用 Aider 的帮助，查看他们的网站或在 Aider 中运行 /help 来获取命令列表

通过 Wasp AI，我们终于将 Mage 的 AI 辅助全栈应用脚手架能力添加到了 Wasp 的 CLI 中。使用它通过利用 GPT-4 和其他 OpenAI 模型的力量来启动你的下一个全栈应用想法。

而且如果你想继续生成功能或直接从终端用 AI 帮助进行调试，那么如我们上面所述使用 Aider 来保持流程进行。

编码的未来真的来了。试试吧，让我们知道你的看法！

有些评论可能仅对已登录的访问者可见。登录以查看所有评论。

如需进一步操作，你可以考虑屏蔽此人和/或举报滥用。