AI助手
收藏我的收藏
收藏简介
AI 助手提供问题解决、代码解释、代码优化、生成 UI、操作 IDE、智能问答等能力，你可以使用这些能力来提升开发效率。
场景 | 案例演示 | |
在代码中遇到了一个错误 / 在开发者工具遇到一个功能错误 | 过去： 需要查阅代码、搜索文档去解决 | 现在： 点击 AI 助手，快速解释问题原因以及相关文档，节省处理时间 |
不理解某段代码/某个接口的含义 | 现在： 使用 AI 助手问答功能，快速解释代码含义以及相关文档，加快代码理解 | |
制作小程序 DEMO 或者页面 | 过去： 手动编写 UI 代码 | 现在： 使用自然语言 / 设计稿 / 图片等快速生成小程序 UI 代码，基于 UI 代码的框架代码再进行快速调整 |
不知道开发者工具功能在哪里 | 过去： 需要搜索文档或者自行寻找功能 | 现在： 使用 AI 助手操作 IDE 功能，快速操作 IDE 功能 |
功能介绍
问题解决
在发生错误时，可以快速向 AI 助手发送「问题解决」指令，AI 助手将修复当前的问题，使用方式如下：
- •在错误界面中（如编译错误、运行时错误、预览错误等），点击 AI 助手。
- •选中有问题的代码，在工具栏激活 AI 助手，点击「问题解决」或输入「 /fix」 指令。
代码解释
选中代码片段后，可以快速向 AI 助手发送「代码解释」指令，AI 助手将解释选中的代码片段，使用方式如下：
- •在编辑器中点击「代码解释」，也可以点击继续提问，在 AI 助手中进行连续对话。
- •在工具栏激活 AI 助手，点击「问题解释」或输入 「/explain」 指令。
代码优化
选中代码片段后，可以快速向 AI 助手发送「代码优化」指令，AI 助手将优化选中的代码片段，使用方式如下：
- •在编辑器中点击「代码优化」，也可以点击继续提问，在 AI 助手中进行连续对话。
- •在工具栏激活 AI 助手，点击「问题解释」或输入「 /improve」 指令。
代码智能补全
详细功能介绍：代码智能补全功能介绍文档
开启代码智能补全以后，可以使用
⇥ Tab 来采纳补全内容，快速编写代码。
生成 UI
可以通过输入自然语言、图片、Figma 链接方式生产小程序的 UI 代码，并导入到小程序工程代码中。
- 1.在 AI 助手中点击 「生成 UI」或输入 「/ui」指令。
- 2.输入自然语言、图片、或Figma 链接，生成 UI 代码，可使用 「/ui」指令进行连续对话。
- ◦输入自然语言，比如生成一个登录页面。
- ◦使用图片上传按钮，上传一张图片。
- ◦输入 Figma 链接，将提示需要 进行授权，按以下步骤进行操作：点击授权按钮 -> 跳转到浏览器 -> 点击同意 -> 跳转回 IDE继续生成 UI 代码。
- 3.生成完毕后，点击「导出」将代码导入当前工程中，可以选择「快速导出」或者「优化后导出」（将导出更加语义化的代码）。
- a.新建页面，输入目录、名称，将创建新的页面，如果路径已存在，将展示 diff 页面，可手动选择采纳或者放弃。
- b.导入页面，选择需要导入的页面以及导入方式，都会展示 diff 页面，需动选择采纳或者放弃。
- c.新建组件，输入目录、名称、以及需要引用组件的页面，将创建新的组件，如果路径已存在，将展示 diff 页面，可手动选择采纳或者放弃。
操作 IDE
通过自然语言控制 IDE 的行为，如 「/ide 预览」。
当前支持预览 、刷新模拟器、真机调试、清除缓存、lite 模式、改变编辑器字体大小、切换主题色。
智能问答
唤醒 AI 助手后，你可以在输入框中输入问题，接着点击发送”按钮或者敲击回车键，AI 助手将根据抖音开放平台相关的知识回答您的问题。您能够进行多轮问答，持续补充细节，使得回答更加准确。
设置
控制编辑器内 AI 浮窗的显隐
- •在编辑器浮窗中点击 「x」图标，进入设置。
- •点击 AI 助手右上角「更多」图标 -> 设置，进入设置。
解除 Figma 授权
如果想要解除 Figma 授权，可以在 AI 助手右上角点击「更多」图标 ->「解除 Figma 授权绑定」完成解绑操作。
