AI 智能调整
简介
AI 助手智能调整模式提供了一种全新的方式,帮助开发者使用自然语言生成和调整应用。
功能介绍
功能入口
可通过两种方式进入 AI 智能调整功能:
点击顶部工具栏「AI 助手」按钮,再选择面板中的「智能调整」面板 | 点击模拟器顶部「智能选择」图标按钮,可自动打开智能调整。打开状态下,支持选择模拟器元素进行对话 |
使用方式
目前支持两种操作形态:
- 1.开启「智能选择」模式后,在模拟器中选择需要调整的元素并输入自然语言指令
- 2.直接在对话面板中输入自然语言指令进行调整
文件审查
输入调整指令后模型会自动修改本地代码文件,可以在编辑器区域查看代码修改情况,同时根据需要选择「接受」或「拒绝」
功能演示
产品核心功能 | 案例 | 用户输入 | 生成效果 |
自然语言生成应用 | 从 0 做一款小程序
| 在当前页面实现一个个人主页,要求有头像、用户名、用户ID、关注量、粉丝量信息,页面背景色用渐变浅蓝色,头像若不存在可以用灰色代替,要求布局合理界面美观 | |
做一个登录页 | |||
做一个五子棋小游戏 | |||
图片生成代码(genUI) | 根据图片快速生成页面 | 在当前页面中实现图片中的效果 | |
自然语言修改 | 修改已有元素
| 按钮改为:#3C89FF | |
自动错误修复 | | 解决这个问题: 编译错误 [Compile JS error] SyntaxError: Expected '{', got 'app' at pages/tt-templates-article/index.js (11:1) 8 | this.bindingUserProvider(options); 9 | }, 10 | bindingUserProvider(options) 11 | app : ^^^ 12 | .articleProvider(options) 13 | .then((articleData) => { | |
介绍下项目 | 介绍一下当前这个项目的代码情况 | | |
了解某个代码实现 | 作者头像在哪里设置的 | |