综合介绍
Lovable(原名GPT Engineer) 是一款 AI 软件工程师工具,旨在帮助用户快速构建真实的网站和 web 应用。通过与 AI 进行对话,用户可以轻松创建交互式原型,并在几秒钟内部署到自己选择的托管服务。Lovable 提供了从代码编辑到一键部署的全流程支持,适合初学者和有经验的开发者使用。
可选择技术栈:
shadcn/ui + typescript:使用 React、Tailwind、vite 和 TpeScript 构建前端+Supabase数据库
shadcn/ui + javascript:使用 React、Tailwind 和 Vite 构建前端+Supabase数据库
对于我这类完全看不懂代码的新手来说, Cursor 、 Lovable 、 Windsurf Editor 和 Bolt 都值得尝试,但仍然无法完全让“文科生”真的构建起多功能且包含前后端服务的应用。
以上归类为“AI IDE”工具仍然有一定使用门槛,从:1.描述需要实现的功能 2.本地调试并执行代码 3.最后部署程序,这三点制约了绝大多数人尝试“用自然语言描述写一个自己的应用”。
如果你只希望构建简单的纯前端单页,依赖cloudflare的workers可能是更好的选择,起码避免上述三点门槛。这并不难理解,好比让大语言模型生成markdown或Mermaid这类标记语言总是很简单一样。
功能列表
- 聊天构建网站和应用:通过与 AI 对话,快速生成网站和 web 应用。
- 代码所有权:用户拥有生成的代码,可以使用 AI 或自己喜欢的 IDE 进行编辑。
- 一键部署:支持一键部署到用户选择的托管服务。
- GitHub 同步:与 GitHub 账户同步,方便代码管理。
- 高级功能:提供高级功能如 AI 驱动的后端生成和团队协作工具。
使用帮助
- 注册与登录:
- 访问 GPT Engineer 网站,点击“注册”按钮,填写必要的个人信息完成注册。
- 注册完成后,使用注册的邮箱和密码登录。
- 创建项目:
- 登录后,点击“创建新项目”按钮,输入项目名称和描述。
- 选择项目类型(网站或 web 应用),并点击“创建”。
- 与 AI 对话构建:
- 在项目页面,点击“开始对话”按钮,与 AI 进行对话。
- 描述你想要构建的网站或应用的功能和设计,AI 将根据你的描述生成代码。
- 你可以随时查看和编辑生成的代码,确保符合你的需求。
- 代码编辑与管理:
- 生成的代码可以在网站内置的代码编辑器中进行修改。
- 你也可以将代码同步到自己的 GitHub 账户,使用自己喜欢的 IDE 进行编辑。
- 一键部署:
- 完成代码编辑后,点击“一键部署”按钮,选择你的托管服务(如 Vercel、Netlify 等)。
- 系统将自动将你的项目部署到选择的托管服务上,几秒钟内即可上线。
- 高级功能:
- GPT Engineer 提供高级功能,如 AI 驱动的后端生成和团队协作工具。
- 这些功能可以通过升级到专业版或团队版账户来解锁,具体操作请参考网站上的升级指南。
- 同步到git与构建后端服务
授权并同步项目到GitHub,然后授权Supabase后开始构建后端代码。
使用技巧
- 充分利用对话功能:与 AI 详细描述你的需求,确保生成的代码符合预期。
- 定期同步代码:将代码同步到 GitHub,方便版本管理和团队协作。
- 利用高级功能:根据项目需求,升级账户以解锁更多高级功能,提高开发效率。
通过以上步骤,用户可以轻松上手 GPT Engineer,快速构建高质量的网站和 web 应用。