Trae中文版入门教程

AI 知识库2个月前发布 课件老师
766 0 0
Trae中文版入门教程

最近课件老师在研究抖音系应用时，又发现了一个宝藏工具——Trae。这款由字节跳动推出的 AI 编程神器，不仅功能强大，最近终于出中文版了，对于英语水平不高的老师来说，真的是太友好了，由此，课件老师这页PPT又更新了。《【技术学堂】“抖音三剑客”之一高质量免费素材库APP推荐》

今天，我们就来聊聊 Trae 的魅力，并手把手带你用它实现一个酷炫的翻书动画效果！

Trae 是什么？

Trae 是字节跳动推出的一款 AI 原生集成开发环境（IDE），专为开发者设计，尤其是对中文用户非常友好。它内置了强大的 AI 模型（如 Claude 3.5 和 GPT-4o），可以通过自然语言对话生成代码、优化项目，甚至从零开始构建完整应用。无论是编程新手还是老手，Trae 都能让你事半功倍。

一、下载安装
前往 Trae 官网（网址在最后，注意看域名后缀是熟悉的.cn），下载安装包。安装过程非常简单，几步就能搞定。
Trae中文版入门教程
倘若安装过程中遇到看不懂的代码导入环节，可选择直接跳过，不影响后续使用。
Trae中文版入门教程
二、注册账号
打开 Trae 后，你需要用手机号注册并获取验证码。因为 Trae 的 AI 功能需要联网支持，注册是必不可少的步骤。完成后，你就进入了 Trae 的主界面。
Trae中文版入门教程
三、核心模式：Chat 模式
Trae 提供 Chat 模式和 Builder 模式，今天我们主要体验 Chat 模式。通过对话框，你可以直接告诉 Trae 你的需求，它会帮你生成代码。
Trae中文版入门教程

三、实战：打造一个翻书动画

接下来，我们以一个实际案例带你感受 Trae 的强大。假设我们想做一个翻书效果，模拟 A4 纸竖版翻页，包含 4 张图片和文字内容。下面是操作步骤：

1.准备工作
在 Trae 中新建一个文件夹，命名为book。将 4 张图片（比如课文图片）放入这个文件夹，文件名按数字顺序命名（如1.jpg、2.jpg、3.jpg、4.jpg）。
Trae中文版入门教程
Trae中文版入门教程
2.输入需求，在 Chat 模式中输入：
“我要做一个翻书效果，A4 纸竖版，具体内容是 book 文件夹里的 4 张图片和文字，文件按数字顺序命名。”
3.生成代码
点击发送后，Trae 会迅速生成一组代码，包括 HTML、CSS 和 JavaScript 文件。这些代码会实现翻书动画效果。生成后，你会看到多个文件提示，点击【应用】和【全部接受】，Trae 会自动将这些文件保存到book文件夹中。
Trae中文版入门教程
Trae中文版入门教程
4.预览与运行
(1)关闭 Chat 窗口，打开book文件夹。
(2)找到默认生成的index.html文件，双击运行（或在浏览器中打开）。
(3)你会看到一个 A4 纸大小的翻书动画，图片和文字按顺序展示，效果流畅自然！如果效果不好，可以又回到界面给他提要求，不断的完善，因为没有太多的时间进行调试，翻书效果不是太理想，但也能达到85%以上的效果。
Trae中文版入门教程

四、Trae 的亮点

中文友好。界面和交互全程支持中文，无需担心语言障碍。
智能高效。通过对话就能生成复杂代码，省去手动编写的时间。
直观操作。代码生成后直接应用到文件夹，运行结果一目了然。
trae下载官网
Trae中文版入门教程

https://www.trae.com.cn/

© 版权声明
文章版权归作者所有，未经允许请勿转载。

相关文章

暂无评论

none
暂无评论...
添加小工具
点此为“正文侧边栏”添加小工具