Trae · 用中文说话就能做小网页的 AI 编程工具

Trae 是字节跳动出品的 AI 编程工具，属于 IDE（集成开发环境，你可以理解成"程序员专用的高级记事本"，写代码、运行、找错都在里面完成）。它长得和常见的 VS Code 很像，但你基本不用自己写代码——用中文说出你想做什么，它就帮你把代码写出来、改好，最后做成一个能在浏览器里打开的小网页或小工具。适合完全不会代码、却想给自己做点小东西的人，也适合想提效的程序员。

一、它能帮你做什么

• 从零做一个能用的小网页：比如"做一个待办清单，能添加、能删除"，它会把文件建好，你双击打开就能用。
• 做给自己用的小工具：比如"做一个算房贷月供的计算器""做一个把字放得特别大、方便老人看的页面""做一个年会抽奖转盘"，这类小东西它做得很快。
• 改已经做好的东西：比如"背景换成浅蓝色""加一个清空全部按钮""手机上打开时字要大一点"，你不用知道代码在哪一行。
• 解释看不懂的代码：看到一段代码一头雾水，让它"用大白话解释这段在干什么，每一行都说明"，等于请了个随时在线的讲解员。
• 找出并修好报错：程序跑不起来时，把红色的错误提示整段复制给它，说"这是报错，帮我看看哪里错了、怎么改"。
• 批量处理重复活：比如"把这 20 个文件的标题统一改成'章节一、xxx'"，这类机械劳动特别适合交给它。

二、怎么打开 / 安装

它是电脑端软件，主要在 Windows 和 macOS 上使用。如果官网还提供了其他系统的版本，以你看到的下载页为准。 👉 点此直达 Trae 官网 / 应用商店打开 →

三、第一次怎么用（照着做就行）

1. 在电脑上新建一个空文件夹，起名叫"我的第一个网页"（用中文没问题），记住它放在哪个位置。
2. 打开 Trae，点左上角菜单栏的"文件（File）"，选"打开文件夹（Open Folder）"，选中刚才那个文件夹并打开。
3. 打开 AI 对话框：通常在界面右侧有一个聊天面板，直接点进去；也可以用快捷键（Windows 常见是 Ctrl + U，Mac 是 Command + U）。如果快捷键没反应，就以界面上显示的按钮和菜单为准。
4. 在输入框里用中文写下需求，越具体越好。例如："请帮我做一个待办清单网页，页面上有一个输入框和'添加'按钮，输入内容点添加后显示在下面的列表里，每条右边有'删除'按钮，点一下就删掉。全部做在一个 index.html 文件里，样式简洁、字体大一点。"
5. 稍等片刻，它会给出要新建的文件和修改内容。看到"应用（Apply）""接受（Accept）"之类的按钮就点一下，把改动写进文件；如果它只是把代码贴在对话里，你就自己新建一个 index.html 文件，把代码完整复制进去保存。
6. 按 Ctrl + S（Mac 是 Command + S）保存，然后打开"我的第一个网页"文件夹，双击 index.html，它会在浏览器里打开——你做的网页就能用了。
7. 哪里不顺手就回到对话框接着说："加一个'清空全部'按钮""完成的条目加一条删除线""手机上打开时按钮大一点"。改完再点应用，回浏览器按 F5 刷新页面就能看到新效果。
8. 出问题别慌：把浏览器里的报错提示或异常现象原样告诉它，比如"我打开页面是空白的，什么都没有"，它会一步步帮你排查。

界面上的按钮名称和快捷键可能随版本更新而变化，一切以你当前看到的界面为准。

四、可以直接复制的提示词

把【】里的内容替换成你自己的。Trae 支持中文，直接用中文提需求就行。

请帮我做一个【待办清单】网页，要求：
1. 顶部有一个输入框和"添加"按钮；
2. 输入内容点添加后，出现在下面的列表里；
3. 每条右边有"删除"按钮，点一下就删掉；
4. 全部做在一个 index.html 文件里，不联网也能打开；
5. 样式简洁，字体大一点，手机上打开也不会挤在一起。
做完以后，用一句话告诉我怎么打开它。

我完全不懂代码。请帮我看看当前这个项目里的代码，
用大白话说明【这个网页】是怎么工作的，分 3 到 5 点讲，
每点不超过两句话。不要出现英文技术名词，
必须出现时请用中文解释一遍。

我运行时出现了下面这个报错：【把红色的错误提示整段粘贴到这里】。
请帮我：
1. 用大白话说明这个报错是什么意思；
2. 指出最可能是哪里出了问题；
3. 给出具体的修改办法，并告诉我改在哪个文件的哪一部分。
改完以后，请不要顺手改动其他功能。

请在现有页面的基础上增加【一个统计已完成数量的功能】。
要求：不要改动已有的功能，只新增需要的内容；
改完后列出你改了哪些地方，方便我检查。

五、好用的小技巧

• 一次只提一个改动：新手最容易犯的错是一次说五六条需求。一条一条来，做对了再加下一条，出问题也容易定位。
• 先要方案再要代码：拿不准就说"先别写代码，用 3 句话说说你打算怎么做，我确认后再动手"，避免它做偏了白费功夫。
• 一定要"打开文件夹"而不是单个文件：这样它能看到整个项目，改起来上下文才完整，不会出现"改了这里忘了那里"。
• 说清楚给谁用、在哪用：加一句"给不懂电脑的长辈用"或"主要在手机上打开"，它会自动把字调大、按钮做大、少用复杂操作。
• 改完先保存再刷新：每次让它改完，先 Ctrl + S 保存，再回浏览器按 F5 刷新，不然看到的还是旧页面。
• 做一步存一份：改到一版能用的，就把整个文件夹复制一份另存。后面改坏了，随时能退回来。
• 让它把话说明白：任何看不懂的提示、报错、按钮，都可以直接问"这是什么意思？用给小学生讲课的方式解释一遍"。

六、注意事项

• 不要让它碰敏感内容：不要在代码里写密码、密钥（相当于账号的万能钥匙）、银行卡号，也不要把含这类信息的文件放进项目让它读取。
• 生成的代码要自己试：AI 写的代码不一定一次就能跑通。先在浏览器里点几遍，确认没问题再继续下一步，别一上来就让它做很大的工程。
• 留意免费额度：免费版有使用次数或额度限制，重度使用可能需要付费，具体以官方页面为准；付费后如果不再需要，记得去账号设置里关闭自动续费。
• 重要文件先备份：它会直接改动你文件夹里的文件。重要项目在改动前先复制一份，或者看清它列的改动内容后再点"应用"。
• 合规使用：不要用它生成病毒、恶意爬虫、仿冒网站等违法或侵权内容；在公司项目里使用前，先确认单位对 AI 编程工具的规定。
• 涉及钱和数据的功能要人工复核：比如支付、统计、合同金额这类逻辑，AI 写得再漂亮也要自己核对一遍，最好请懂行的人看一眼。