【由浅入深玩转HTML课件 · 二】给 AI 换个能动手的搭档:Trae 三分钟上手
- 2026-09-22 17:55:21
引言
上一期，我们用网页版 AI 试了"三句话"——它确实给我们交出了一份能用的单词卡。
但你发现没有：网页版 AI 聊完就忘，改一个词就要重新生成一整套；报错原因你看不懂，只能把代码再丢给它"猜一次"。
今天换个搭档：
一类叫"AI 编程工具"的东西（业内也叫代码智能体、AI Coding Agent）。
全球有名的有 OpenAI 的 Codex、Anthropic 的 Claude Code，国内有字节的 TraeWork、腾讯 WorkBuddy、阿里 Qoder 等。今天就先拿 TraeWork 上手。
01
网页版 AI 和 AI 编程工具，真正的区别在这三点
网页版AI
Trae work
每次改都得手动复制、下载、再重新上传
你授权后，直接改到你的文件里，改完即用
上下文临时记一记，你不受控制、也可能混乱
上下文能存成规则，放进不同项目都能接着用
每次从零开始
没有积累
你的操作累积成可复用流程，越用越好用
举个老师身边的栗子：
你的德语 A1 词表、上周调好的卡片样式，它都存得清清楚楚，下次一句"照上次的做"就能接着用；而网页版，每一步都得你亲手重来。
一句话概括：
网页版AI负责聊天，这类工具负责干活。
02
同类那么多，为什么先试 TraeWork？
上面这些工具都很强，各有各的强项。
但对我们"零基础做课件"来说，TraeWork 有几个最省事的地方：
① 免费：国内版免费，先不花一分钱
② 全程中文：界面、报错都是中文，不吓人
③ 手机也能派活：电脑、手机、网页三端同步，出门也能安排
先学会用这一款，其他工具一通百通。
03
快速安装：
①浏览器访问：https://work.trae.cn/
（该链接为Trae work网页版，对老师们的硬件负担较小，老师们也可以按需安装Windows/Mac桌面版）
②手机号登录，完成
Trae work主页面
04
第一次上手：做一个"网页版不好做"的
单词卡那种小东西，网页版够用。但上课要用的，是能一直改、一直加功能的东西：
比如——德语单词大赛
我编写了如下提示词：
"你是一个网页开发助手。帮我做一个德语单词大赛：
1. 内置一组单词随机抽题：der Apfel 苹果 / die Schule 学校 / das Buch 书 / der Tisch 桌子 / die Blume 花 / das Auto 车 / der Hund 狗 / die Katze 猫 / das Haus 房子 / der Stuhl 椅子（想换词，直接改这里）
2. 学生看中文写德语，做完自动判分
3. 实时得分 + 排行榜，适合全班投影
4. 比赛结束，显示总分和错题，带一个"复制成绩"按钮
5. 卡通风格、字大"
仅花费了2分56秒就完成任务，功能全部通过！
除了效率高，Trae work还有这些亮点
① 项目直接创建在本地，不管有多少文件，都不用自己手动保存
②开发途中出错了？它自己读报错、自己修
③明天打开项目，说一句"继续昨天的，把每题改成 3 分"——它全记得，接着改
④即时做出的效果还可以分享给别人，一起试用
在这里，你的课件是个"项目"，它记得每一步，越做越大——这就是"可累积的流程"。
从今天起，你有一个记得住项目、能自己跑给你看的 AI 搭档了。
05
做个预告
辛苦做出来的课件，怎么发给学生？
下期把整个课件一键发布上线，甩一个链接，学生点开就能用。
写在最后：
由于篇幅原因这篇只讲了入门。
对于TraeWork的完整下载安装、避坑细节、进阶技巧，以及 Vibe Coding 在课件制作里的实际应用我们正在一场面向老师的线上工作坊，手把手带你跑通全流程。
时间、报名方式大家可以关注公众号。
