还在手写脚手架、调样式、配部署?
现在,只需一句话、一张图,阿里云 应用管理 灵构(Lingo) 就能为你生成可直接运行、一键部署的现代 Web 应用。
🚀 什么是 Lingo?
Lingo 是阿里云应用管理推出的 AI 全栈开发工作台,对标 Vercel v0 的 AI 驱动全栈开发工作台,支持通过自然语言或图片自动生成工程级代码,覆盖开发、调试到部署的完整流程。
💡 典型应用场景
- 快速验证产品想法
创业者说:“做个带用户登录和数据看板的 SaaS 后台。” → Lingo 自动生成完整项目,快速验证产品原型 - UI 设计稿秒变代码
上传 Figma 截图 → 自动输出响应式 React 组件 + 样式文件,前端开发效率翻倍。 - 内部工具极速搭建
运维团队需要一个日志查询面板?描述需求 → 生成带搜索、分页、权限控制的 Web 工具,当天交付。
✅ 核心优势
- 多模态输入:文字、图片、错误截图都能“读懂”
- 工程级输出:标准项目结构、依赖管理、组件化代码,非 Demo 级玩具
- 上下文记忆:支持多轮对话式迭代,越用越懂你
- 实时预览 + 一键部署:内置预览 + 终端,调试完成后支持一键发布到阿里云 ECS,自动 集成Git 版本管理
🌐 谁适合使用 Lingo?
- 独立开发者:从想法到上线,省下数天编码时间
- 产品/设计团队:无需等开发排期,自主生成高保真原型,快速验证需求
- 企业研发:加速内部系统、管理后台交付周期
🎁 即刻体验,快来感受Lingo的魅力吧
阿里云应用管理灵构(Lingo)现已开放公测!👉 访问 阿里云 Lingo 官网链接,或者阿里云应用管理首页,可立即跳转到灵构页面
使用流程
主页面布局如下,在聊天输入框输入自己的需求即可,也可以传入图片辅助说明
以下时使用灵构生成应用并部署到ECS上的流程:
- 绑定Git:如果希望发布生成的应用,需要提前配置下Git,授权相应的Git 平台,授权后,在生成应用时,会在相应的Git 平台自动创建仓库,并将生成的应用同步到Git仓库中。
- 重要:此配置为全局配置,只需要配置一次即可,在后续发布应用时再配置也可以。
- 生成应用:快速开始中提供了些许案例,可以快速体验效果,以“摄影师图库首页”为例,开启一个会话,Lingo 会自动解析意图,生成完整项目(含路由、组件、配置文件),并在右侧实时预览效果,也可以点击右上角的按钮,打开全屏页面
- 修改应用:如果对生成的页面不满意,可以在当前对话框中继续聊天,让AI 帮助修改应用,也可以内置编辑器中自行修改代码
- 在内置编辑器中,不仅可以查看、修改代码,还可以将整体项目下载到本地,进行本地开发。打开终端则会看到当前项目运行的日志,也可以自行执行命令
- 回滚应用:在迭代开发的过程中,如果发现新修改的版本不如之前的版本,可以在版本列表中回滚到历史版本
- 发布应用:应用生成之后,页面预览只能在本机使用,如果想正式部署此应用,需要发布应用,灵构支持将应用快速部署到ECS 上。
- 如果已经绑定了Git平台,会自动将代码提交到远程代码仓库,只有生成了远程代码仓库后,才能支持一键发布
- 点击立即发布,会跳转到应用管理页面,默认就是“通过Git仓库创建”应用的方式,应用的相关信息会自动回填,会选择当前应用对应的代码仓库
- 云资源配置中,如果有可用的ECS实例,可以选择“已有ECS”, 也可以选择“新建ECS”
- 其他配置可保持默认,点击“创建”会自动创建并部署应用
- 部署成功后,在详情页面,会得到部署应用的访问链接
在灵构的应用发布页面,也能看到对应的访问链接
访问应用地址,即可看到我们生成的应用已经部署成功
- 关于收费:灵构为每个用户提供了免费的对话额度,额度每日更新,如果当日的免费额度用完,可以在“设置”中自行配置百炼的API-Key,就支持无限对话啦。
示例场景
下边是几个示例场景
场景一: 通过自然语言生成一个公司首页,并部署到ECS 上
生成并修改应用
用户输入:
创建一个现代科技公司官网页面,公司名为 "NexaTech",公司专注于前沿AI 与 Web 解决方案,助力业务高效增长。公司的Slogan为“赋能企业,智启未来”,公司的业务版块主要包括:AI 智能系统、定制化 Web 应用和数据分析与可视化
生成效果:
用户输入:
页面支持深色/浅色模式切换,点击太阳/月亮图标切换
生成效果:
发布应用
与上个章节“发布应用”的流程相同
场景二: 生成JSON 格式化工具,并一键部署
生成并修改应用
用户输入:
请帮我创建一个专业实用的JSON格式化工具,使用 Vite + React + TypeScript + Tailwind CSS。
核心功能:
JSON格式化/压缩
左右双栏布局
左侧:输入框(可编辑)
右侧:输出框(只读,语法高亮)
按钮:格式化、压缩、清空
实时语法错误提示
生成效果:
用户输入:
格式化后的结果支持切换到树形视图:
树形视图中支持可折叠/展开的树形结构
生成效果:
发布应用
与上个章节“发布应用”的流程相同
场景三【多模态场景】:根据图片还原应用,并一键部署
生成并修改应用:
用户输入:
根据图片还原应用,上传千问的首页截图、音视频解析截图、录音截图
生成效果:
用户输入:
将千问改为“百问”
生成效果:
页面上的文字都替换成功,复刻了山寨的百问页面~
发布应用
与上个章节“发布应用”的流程相同
💡 为什么选择Lingo?
在 AI 编程工具层出不穷的今天,Lingo 不只是“代码生成器”,更是 面向生产环境的全栈开发伙伴。依托阿里云强大的基础设施与大模型能力,Lingo 在代码质量、工程规范、部署集成等方面具备天然优势,真正打通“想法 → 代码 → 上线”的最后一公里。
立即体验 AI 原生开发!
访问阿里云应用管理灵构(Lingo),免费开启你的智能开发之旅。
灵构(Lingo)—— 让开发,回归创造本身。