Dyad：免费本地开源的AI全栈应用构建工具

Dyad 是一个免费、开源、本地运行的 AI 全栈应用构建工具，旨在帮助用户快速创建包含前端、后端、数据库和身份验证的应用。它运行在用户本地设备上，强调隐私保护和开发自由，支持通过自然语言提示生成代码。Dyad 支持多种 AI 模型，包括 Google Gemini、Claude 和 OpenAI，用户可使用免费 API 密钥或本地模型如 Ollama。相比 Lovable、v0 和 Bolt，Dyad 避免了平台锁定，生成的代码完全归用户所有，可无缝集成到 VS Code 或 Cursor 等 IDE 中。它的直观界面和社区支持使其适合开发者、设计师和初学者，已获得广泛好评，下载量超过 10 万次。是 Lovable 的优秀本地替代工具。

功能列表

• AI 驱动的全栈开发：通过简单提示生成前端界面、后端逻辑、数据库和身份验证代码。
• 本地运行：所有操作在用户设备上完成，确保数据隐私和快速响应。
• 多模型支持：兼容 Google Gemini、Claude、OpenAI 等 API，以及 Ollama 和 LM Studio 本地模型。
• 代码编辑与预览：支持实时预览应用界面，允许用户直接编辑代码并查看差异。
• Supabase 集成：提供身份验证、数据库和服务器函数支持，适合构建复杂应用。
• 图像上传与整合：可将图片拖入聊天界面，自动生成相关代码并整合到项目。
• 社区模板：使用社区提供的模板快速构建特定类型应用。
• GitHub 与 Vercel 部署：支持将代码推送到 GitHub 并通过 Vercel 快速部署。
• 学习资源：提供视频教程和代码审查，适合初学者和高级开发者。
• 跨平台支持：兼容 Windows、Mac 和 Linux（需特殊配置）。

使用帮助

安装流程

Dyad 的安装简单，但需确保环境配置正确。以下是详细步骤：

1. 安装 Node.js
   Dyad 依赖 Node.js 运行 JavaScript 应用。访问 Node.js 官网 下载并安装最新版本（建议 v20 或以上）。安装后，运行以下命令验证：

   node --version
   

   如果显示版本号，说明安装成功。如有问题，可参考 Node.js 官方帮助页面。

2. 下载 Dyad
   访问 Dyad 的 GitHub 仓库 https://github.com/dyad-sh/dyad，在“Releases”页面下载适合你操作系统的版本（最新为 v0.14.0）。Windows 和 Mac 用户可直接安装，Linux 用户需运行：

   electron-forge start -- --no-sandbox
   

   以解决 Ubuntu 的权限问题。

3. 配置 AI 模型
   Dyad 支持多种 AI 模型，推荐使用 Google Gemini 的免费 API 密钥（每日 250 条消息）。启动 Dyad 后，首页会提示配置步骤，按照指引输入密钥。如果使用本地模型如 Ollama，需先安装并启动本地服务器（如 http://localhost:11434）。
4. 启动 Dyad
   安装完成后，打开 Dyad 应用。首次启动会检查 Node.js 和 API 配置。配置完成后，进入主界面即可开始使用。

使用 Dyad 构建应用

Dyad 通过自然语言提示生成全栈应用，操作简单直观。以下是详细流程：

1. 输入应用需求
   在主界面聊天框中输入应用描述，例如：“创建一个带用户注册和文章管理的博客网站”。描述越详细，结果越精准。Dyad 提供示例提示，帮助用户快速上手。
2. 生成与预览代码
   输入提示后，点击“发送”或按回车，Dyad 调用 AI 模型生成代码。生成后，用户需在预览窗口确认代码，确认后代码会保存并在本地运行，右侧显示应用界面。
3. 编辑代码
   Dyad 支持直接编辑生成代码。使用 #file.py 或 #index.js 引用文件，AI 会根据上下文提供优化建议。例如，输入“改进 #app.js 的性能”，Dyad 会生成优化代码并显示差异对比。用户可在侧边栏查看并应用更改。
4. 图像整合
   在 v0.14.0 中，用户可将设计草图拖入聊天框，输入“将此图片转为 React 组件”，Dyad 会生成对应代码并整合到项目中。此功能适合快速将设计转为代码。
5. 部署应用
   Dyad 支持通过 GitHub 和 Vercel 部署：
   • 点击“Sync to GitHub”按钮，将代码推送到 GitHub 仓库。
   • 登录 Vercel 官网，通过 GitHub 账户导入项目。
   • Vercel 自动检测框架（如 Vite），用户需配置环境变量（如 Supabase API 密钥）。
   • 点击“Deploy”后，Vercel 提供类似 dyad-app-name.vercel.app 的 URL，用户可通过此链接访问应用。
   • 更新代码时，重复“Sync to GitHub”操作，Vercel 会自动重新部署。

特色功能操作

• 本地模型支持
  使用 Ollama 或 LM Studio 实现完全离线开发。安装 Ollama 后，启动本地服务器并在 Dyad 设置中输入地址（如 http://localhost:11434）。这适合需要高隐私的项目。
• Supabase 集成
  Dyad 集成了 Supabase 的身份验证、数据库和服务器函数。生成应用时，Dyad 自动配置 Supabase 环境变量。用户需在 Supabase 官网创建项目并获取 API 密钥，输入 Dyad 后即可使用数据库功能。
• 社区模板
  Dyad 提供社区模板，如“电商网站”或“任务管理器”。在主界面选择模板，Dyad 会生成预配置代码，节省开发时间。用户可通过 GitHub 贡献新模板。
• 学习与代码审查
  Dyad 提供资深工程师的视频教程，覆盖基础到高级开发技巧。用户可通过“Expert Reviews”提交代码，AI 提供基于最佳实践的反馈，帮助优化代码和发现错误。

注意事项

• API 配额：使用云端模型时，确保 API 密钥有效，避免因配额不足中断开发。
• Linux 配置：Linux 用户需注意权限设置，参考 GitHub 发行说明。
• 更新检查：定期访问 GitHub Releases 获取最新版本，享受新功能。
• GitHub 同步：当前 Dyad 仅支持推送代码到 GitHub，暂不支持拉取，需手动使用 Git 工具拉取更新。

应用场景

1. 快速原型验证
   创业者可使用 Dyad 快速构建 MVP。例如，输入“创建一个在线商店，支持商品展示和支付”，Dyad 会生成包含前端、数据库和支付功能的代码，几天内完成原型开发。
2. 编程教育
   初学者可通过 Dyad 学习全栈开发。生成简单应用（如计算器）后，AI 提供代码解释和优化建议，配合视频教程，帮助用户掌握编程技能。
3. 隐私敏感项目
   企业和开发者可使用本地模型开发敏感项目。Dyad 的本地运行特性确保数据不上传云端，适合金融或医疗等高隐私需求场景。
4. 社区项目开发
   开源开发者可利用 Dyad 的社区模板和 GitHub 集成，快速构建和分享项目，提升协作效率。

QA

1. Dyad 是否需要联网？
   使用本地模型（如 Ollama）时，Dyad 可完全离线运行。使用云端模型（如 Gemini）需要联网调用 API。
2. Dyad 支持哪些框架？
   主要支持 React 和 Vite，生成 JavaScript/TypeScript 代码。其他框架支持正在开发中。
3. 能否导入现有项目？
   当前版本不支持直接导入，但可通过 GitHub 推送代码后，在 VS Code 等 IDE 中继续开发。
4. Dyad Free 和 Pro 区别？
   免费版提供基本功能，需自备 API 密钥。Pro 版（每月 30 美元）提供 300 AI 积分、独家 AI 模式和直接支持，Max 版（每月 79 美元）提供更多积分。