Wasp AI 创建新应用全指南从一句话描述到可运行的全栈项目【免费下载链接】waspThe batteries-included full-stack framework for the AI era. Develop JS/TS web apps (React, Node.js, and Prisma) using declarative code that abstracts away complex full-stack features like auth, background jobs, RPC, email sending, end-to-end type safety, single-command deployment, and more.项目地址: https://gitcode.com/GitHub_Trending/wa/waspWasp AI又名 MageMagic webAppGEnerator是 Wasp 内置的 AI 应用生成能力你只需提供一个应用标题和一段简短描述Wasp 就会在后台调用 GPT 为你生成一个完整的 Wasp 应用。本文以 Wasp 0.18 版官方文档为核心结合 waspc/cli 中wasp new命令的源码实现系统讲解通过 usemage.ai 在线服务和wasp new命令行两种方式使用 Wasp AI 的完整流程、配置细节与底层原理。读完本文你将掌握如何在浏览器中零成本用一句话生成 Wasp 应用并下载到本地如何在终端通过wasp new交互式选择 AI 生成并配置自己的 OpenAI API Key 与 GPT 模型以及wasp new命令从参数解析到项目落盘再到依赖安装的完整调用链。Wasp AI 是什么一句话生成完整应用Wasp 是一个内置电池的全栈框架开发者用声明式代码即可抽象出认证、后台任务、RPC、邮件发送等复杂全栈能力。Wasp AI 则是 Wasp 自带的 AI 能力你只需要提供应用标题和一段简短描述后台使用 GPT即可生成一个新的 Wasp 应用。它有两条主要使用途径二者在后台使用相同的生成逻辑因此智能程度一致区别只在于界面与设置项途径入口成本与密钥灵活性免费在线应用 usemage.ai浏览器访问完全免费官方承担 OpenAI API 调用成本只能使用官方预设的基本设置wasp new命令行本机终端需要自备 OpenAI API Key通过环境变量提供可选择 GPT 模型、温度等参数:::info 实验性功能提示 Wasp AI 属于实验性功能。它生成的应用可能存在错误错误比例与应用复杂度成正比但即使如此这些应用通常也能作为很好的起步代码在修复错误之后或者作为探索如何在 Wasp 中实现某功能的有趣参考。 :::途径一通过 usemage.ai 在线生成Mage 是开源的在线应用你可以只用一段简短的标题和描述就创建新的 Wasp 应用。它的特点包括完全免费使用官方提供的 OpenAI API Key费用由官方承担你无需任何支付或密钥配置操作简单提供应用标题、应用描述选择一些基础设置后几分钟内新应用即生成完毕可下载续作生成完成后可将应用下载到本机继续开发。生成步骤直观概括为三步1. 描述你的应用 → 2. 选择主题颜色 → 3. 生成你的应用。如果你想深入了解 Mage 的工作原理可以参考仓库 web/blog 中的两篇配套博客《GPT Web App Generator》Mage 如何工作与《How We Built GPT Web App Generator》实现层面的高层概览。途径二通过 wasp new 命令在本地生成在终端运行wasp new并选择 AI 生成即可在本机创建由 Wasp AI 生成的新应用提供 OpenAI API Key如果尚未设置wasp会提示你通过环境变量提供 OpenAI API Key它将被用于查询 GPT输入标题与描述为 Wasp 应用提供标题和描述等待生成新应用将直接生成在你的磁盘上。下面两张图展示了终端中的实际体验——第一张是输入阶段项目名、模板选择、应用描述与模型/温度参数第二张是生成阶段生成项目骨架、生成计划、修正计划、生成各模块的实时进度日志为什么选择命令行方式相较于 usemage.aiwasp new命令行方式需要你提供自己的 OpenAI API Key但换来的是更大的灵活性选择 GPT 模型如 gpt-4、gpt-3.5-turbo 等控制生成风格通过温度参数在 Balanced均衡、Conventional保守、Creative创意之间切换影响生成结果的随机性与多样性。深入 wasp new从参数解析到项目落盘的调用链要理解 Wasp AI 在命令行中的定位先要看清wasp new命令本身的完整实现。该命令由 waspc/cli/src/Wasp/Cli/Command/CreateNewProject.hs 定义核心逻辑分三步createNewProject :: Arguments - Command () createNewProject withArguments wasp new newProjectArgsParser $ \args - do ValidNodeAndNpm - require newProjectDescription - obtainNewProjectDescription args availableStarterTemplates createProjectOnDisk newProjectDescription liftIO $ installDepsForNewProject (getAbsWaspProjectDir newProjectDescription) liftIO $ printGettingStartedInstructionsForProject newProjectDescription流程依次为校验环境 → 获取项目描述含模板选择→ 在磁盘上创建项目 → 安装依赖 → 打印启动指引。其中require会先验证本机已具备有效的 Node.js 与 npm 环境ValidNodeAndNpm随后依据用户输入的项目名、模板等信息构造NewProjectDescription。参数解析支持命令行参数与交互式两种模式命令的参数解析位于 ArgumentsParser.hs支持两种调用形态非交互式wasp new PROJECT_NAME [-t|--template TEMPLATE_NAME]项目名是必填位置参数模板名是可选项交互式直接运行wasp newCLI 会提示你输入项目名并列出可选模板供选择。对应实现中NewProjectArgs只包含两个可选项_projectName位置参数 PROJECT_NAME与_templateName-t/--template长选项帮助文本为 Template to use for the new project。而模板决策逻辑位于 ProjectDescription.hs若命令行提供了项目名则未指定模板时使用默认模板若以交互方式运行未提供项目名则必须由用户从可用模板列表中挑选AI 生成正是作为交互式模板选项之一如上图所示模板列表中包含 ai-generated供用户选择。项目名校验规则在生成项目前CLI 会把你输入的项目名转换为 Wasp 应用名并做严格校验源码 ProjectDescription.hs规则为必须以字母或下划线开头只能包含字母、数字、短横线和下划线不能是 Wasp 关键字。项目名还会通过kebabToCamelCase转成驼峰式应用名。若校验失败命令会直接报错并列出上述规则若目标目录已存在同名文件夹也会提示该目录已存在请换一个名字或先删除该目录。创建、装依赖与启动指引createProjectOnDisk根据所选模板分派到不同的创建实现GitHub Release 归档模板或内置 Starter 模板见 StarterTemplates 目录。项目落盘后自动执行wasp install安装依赖若失败会以黄色警告提示项目已创建但依赖安装失败请在项目目录运行wasp installCreateNewProject.hs打印Created a new Wasp app in ./project-name成功信息并输出该模板对应的启动指引。e2e 测试印证waspc/e2e-tests/Tests/WaspNewTest.hs 对wasp new的两种模式直接传参waspCliNew与交互式waspCliNewInteractive分别使用minimal与basic模板做了端到端覆盖验证了模板选择与项目生成链路的稳定性。这也说明无论走 AI 生成还是 Starter 模板最终都收敛到同一套选模板 → 落盘 → 装依赖的通用管线。使用建议与注意事项密钥安全命令行方式需要把 OpenAI API Key 写入环境变量注意不要把密钥提交到版本控制迭代心态AI 生成的应用适合作为起点脚手架生成后请对照 web/docs 官方文档审查代码、修复错误再逐步扩展功能模型与温度的取舍追求质量优先选 gpt-4追求速度与成本选 gpt-3.5-turboCreative 温度会让生成结果更多样Conventional 则更保守稳定实验性预期管理应用越复杂生成结果出现问题的概率越高建议先用 AI 快速验证想法再人工打磨关键业务逻辑。总结Wasp AI 把从零搭建全栈应用压缩成一句话 一次回车在线用户可以直接使用免费的 usemage.ai需要更高控制力的开发者则可以在本机运行wasp new并选择 AI 模板通过自备 OpenAI API Key 自由选择 GPT 模型与生成风格。两条路径共享同一套后台生成逻辑与wasp new的项目创建管线环境校验 → 参数/模板决策 → 项目落盘 → 依赖安装 → 启动指引从 WaspNewTest.hs 的端到端测试到 CreateNewProject.hs 的核心实现整个链路在仓库中清晰可查。作为实验性功能把 AI 生成物当作高质量的起点而非终稿才是发挥 Wasp AI 最大价值的方式。【免费下载链接】waspThe batteries-included full-stack framework for the AI era. Develop JS/TS web apps (React, Node.js, and Prisma) using declarative code that abstracts away complex full-stack features like auth, background jobs, RPC, email sending, end-to-end type safety, single-command deployment, and more.项目地址: https://gitcode.com/GitHub_Trending/wa/wasp创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 Wasp AI 创建新应用全指南：从一句话描述到可运行的全栈项目
Wasp AI 创建新应用全指南从一句话描述到可运行的全栈项目【免费下载链接】waspThe batteries-included full-stack framework for the AI era. Develop JS/TS web apps (React, Node.js, and Prisma) using declarative code that abstracts away complex full-stack features like auth, background jobs, RPC, email sending, end-to-end type safety, single-command deployment, and more.项目地址: https://gitcode.com/GitHub_Trending/wa/waspWasp AI又名 MageMagic webAppGEnerator是 Wasp 内置的 AI 应用生成能力你只需提供一个应用标题和一段简短描述Wasp 就会在后台调用 GPT 为你生成一个完整的 Wasp 应用。本文以 Wasp 0.18 版官方文档为核心结合 waspc/cli 中wasp new命令的源码实现系统讲解通过 usemage.ai 在线服务和wasp new命令行两种方式使用 Wasp AI 的完整流程、配置细节与底层原理。读完本文你将掌握如何在浏览器中零成本用一句话生成 Wasp 应用并下载到本地如何在终端通过wasp new交互式选择 AI 生成并配置自己的 OpenAI API Key 与 GPT 模型以及wasp new命令从参数解析到项目落盘再到依赖安装的完整调用链。Wasp AI 是什么一句话生成完整应用Wasp 是一个内置电池的全栈框架开发者用声明式代码即可抽象出认证、后台任务、RPC、邮件发送等复杂全栈能力。Wasp AI 则是 Wasp 自带的 AI 能力你只需要提供应用标题和一段简短描述后台使用 GPT即可生成一个新的 Wasp 应用。它有两条主要使用途径二者在后台使用相同的生成逻辑因此智能程度一致区别只在于界面与设置项途径入口成本与密钥灵活性免费在线应用 usemage.ai浏览器访问完全免费官方承担 OpenAI API 调用成本只能使用官方预设的基本设置wasp new命令行本机终端需要自备 OpenAI API Key通过环境变量提供可选择 GPT 模型、温度等参数:::info 实验性功能提示 Wasp AI 属于实验性功能。它生成的应用可能存在错误错误比例与应用复杂度成正比但即使如此这些应用通常也能作为很好的起步代码在修复错误之后或者作为探索如何在 Wasp 中实现某功能的有趣参考。 :::途径一通过 usemage.ai 在线生成Mage 是开源的在线应用你可以只用一段简短的标题和描述就创建新的 Wasp 应用。它的特点包括完全免费使用官方提供的 OpenAI API Key费用由官方承担你无需任何支付或密钥配置操作简单提供应用标题、应用描述选择一些基础设置后几分钟内新应用即生成完毕可下载续作生成完成后可将应用下载到本机继续开发。生成步骤直观概括为三步1. 描述你的应用 → 2. 选择主题颜色 → 3. 生成你的应用。如果你想深入了解 Mage 的工作原理可以参考仓库 web/blog 中的两篇配套博客《GPT Web App Generator》Mage 如何工作与《How We Built GPT Web App Generator》实现层面的高层概览。途径二通过 wasp new 命令在本地生成在终端运行wasp new并选择 AI 生成即可在本机创建由 Wasp AI 生成的新应用提供 OpenAI API Key如果尚未设置wasp会提示你通过环境变量提供 OpenAI API Key它将被用于查询 GPT输入标题与描述为 Wasp 应用提供标题和描述等待生成新应用将直接生成在你的磁盘上。下面两张图展示了终端中的实际体验——第一张是输入阶段项目名、模板选择、应用描述与模型/温度参数第二张是生成阶段生成项目骨架、生成计划、修正计划、生成各模块的实时进度日志为什么选择命令行方式相较于 usemage.aiwasp new命令行方式需要你提供自己的 OpenAI API Key但换来的是更大的灵活性选择 GPT 模型如 gpt-4、gpt-3.5-turbo 等控制生成风格通过温度参数在 Balanced均衡、Conventional保守、Creative创意之间切换影响生成结果的随机性与多样性。深入 wasp new从参数解析到项目落盘的调用链要理解 Wasp AI 在命令行中的定位先要看清wasp new命令本身的完整实现。该命令由 waspc/cli/src/Wasp/Cli/Command/CreateNewProject.hs 定义核心逻辑分三步createNewProject :: Arguments - Command () createNewProject withArguments wasp new newProjectArgsParser $ \args - do ValidNodeAndNpm - require newProjectDescription - obtainNewProjectDescription args availableStarterTemplates createProjectOnDisk newProjectDescription liftIO $ installDepsForNewProject (getAbsWaspProjectDir newProjectDescription) liftIO $ printGettingStartedInstructionsForProject newProjectDescription流程依次为校验环境 → 获取项目描述含模板选择→ 在磁盘上创建项目 → 安装依赖 → 打印启动指引。其中require会先验证本机已具备有效的 Node.js 与 npm 环境ValidNodeAndNpm随后依据用户输入的项目名、模板等信息构造NewProjectDescription。参数解析支持命令行参数与交互式两种模式命令的参数解析位于 ArgumentsParser.hs支持两种调用形态非交互式wasp new PROJECT_NAME [-t|--template TEMPLATE_NAME]项目名是必填位置参数模板名是可选项交互式直接运行wasp newCLI 会提示你输入项目名并列出可选模板供选择。对应实现中NewProjectArgs只包含两个可选项_projectName位置参数 PROJECT_NAME与_templateName-t/--template长选项帮助文本为 Template to use for the new project。而模板决策逻辑位于 ProjectDescription.hs若命令行提供了项目名则未指定模板时使用默认模板若以交互方式运行未提供项目名则必须由用户从可用模板列表中挑选AI 生成正是作为交互式模板选项之一如上图所示模板列表中包含 ai-generated供用户选择。项目名校验规则在生成项目前CLI 会把你输入的项目名转换为 Wasp 应用名并做严格校验源码 ProjectDescription.hs规则为必须以字母或下划线开头只能包含字母、数字、短横线和下划线不能是 Wasp 关键字。项目名还会通过kebabToCamelCase转成驼峰式应用名。若校验失败命令会直接报错并列出上述规则若目标目录已存在同名文件夹也会提示该目录已存在请换一个名字或先删除该目录。创建、装依赖与启动指引createProjectOnDisk根据所选模板分派到不同的创建实现GitHub Release 归档模板或内置 Starter 模板见 StarterTemplates 目录。项目落盘后自动执行wasp install安装依赖若失败会以黄色警告提示项目已创建但依赖安装失败请在项目目录运行wasp installCreateNewProject.hs打印Created a new Wasp app in ./project-name成功信息并输出该模板对应的启动指引。e2e 测试印证waspc/e2e-tests/Tests/WaspNewTest.hs 对wasp new的两种模式直接传参waspCliNew与交互式waspCliNewInteractive分别使用minimal与basic模板做了端到端覆盖验证了模板选择与项目生成链路的稳定性。这也说明无论走 AI 生成还是 Starter 模板最终都收敛到同一套选模板 → 落盘 → 装依赖的通用管线。使用建议与注意事项密钥安全命令行方式需要把 OpenAI API Key 写入环境变量注意不要把密钥提交到版本控制迭代心态AI 生成的应用适合作为起点脚手架生成后请对照 web/docs 官方文档审查代码、修复错误再逐步扩展功能模型与温度的取舍追求质量优先选 gpt-4追求速度与成本选 gpt-3.5-turboCreative 温度会让生成结果更多样Conventional 则更保守稳定实验性预期管理应用越复杂生成结果出现问题的概率越高建议先用 AI 快速验证想法再人工打磨关键业务逻辑。总结Wasp AI 把从零搭建全栈应用压缩成一句话 一次回车在线用户可以直接使用免费的 usemage.ai需要更高控制力的开发者则可以在本机运行wasp new并选择 AI 模板通过自备 OpenAI API Key 自由选择 GPT 模型与生成风格。两条路径共享同一套后台生成逻辑与wasp new的项目创建管线环境校验 → 参数/模板决策 → 项目落盘 → 依赖安装 → 启动指引从 WaspNewTest.hs 的端到端测试到 CreateNewProject.hs 的核心实现整个链路在仓库中清晰可查。作为实验性功能把 AI 生成物当作高质量的起点而非终稿才是发挥 Wasp AI 最大价值的方式。【免费下载链接】waspThe batteries-included full-stack framework for the AI era. Develop JS/TS web apps (React, Node.js, and Prisma) using declarative code that abstracts away complex full-stack features like auth, background jobs, RPC, email sending, end-to-end type safety, single-command deployment, and more.项目地址: https://gitcode.com/GitHub_Trending/wa/wasp创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考