小夏
新媒体运营
邮箱：example@email.com ｜ 手机：【待补充】
个人简介
热爱内容创作，擅长把复杂信息整理成清晰、有吸引力的表达。
核心技能
内容策划、图文编辑、数据复盘、AI 工具
项目经历
【项目名称】：负责选题整理与内容发布；通过复盘优化标题和发布时间；结果数据【待补充】。
教育 / 工作经历
【请根据真实情况补充】
目标
学完后你能独立完成什么？
你能用一句话启动项目、让 AI 修改页面、看懂基本报错，并制作一份可以打开、修改和打印的个人简历网页。
1
你负责说清需求
告诉 AI 想做什么、给谁用、要有什么内容。
2
Trae 负责动手
生成代码、创建文件、运行项目、帮你定位问题。
3
你负责检查结果
点一点、看一看，不满意就继续描述修改。
01
准备工具
下载并安装 Trae
只从官方网站下载。安装过程和普通软件一样，不需要额外配置。
Trae 官方下载
进入官网后，选择与你电脑对应的 Windows 或 macOS 版本。
注意
不要从陌生网盘或软件下载站安装
第三方安装包可能版本过旧，也可能包含额外软件。官网地址应为 trae.cn。
选择电脑版本
Windows 用户下载 Windows 版；苹果电脑下载 macOS 版。苹果电脑如果询问芯片版本，可在“关于本机”里查看。
完成安装并打开
按照安装提示继续。第一次打开时，如系统询问文件访问权限，允许 Trae 访问你准备存放练习的文件夹。
登录并认识界面
登录后先找到三个区域：左侧“文件”、中间“编辑区”、右侧“AI 对话/Builder”。暂时不需要理解其他按钮。
- 我已从官网下载并安装 Trae完成后勾选
- 我已打开 Trae，并完成登录能看到编辑器主界面即可
- 我找到了文件区、编辑区和 AI 对话区记不住名称没关系，知道大概位置就行
02
第一次动手
让 AI 帮你创建第一个网页
第一次练习只做一张“自我介绍卡片”，重点是体验完整流程。
创建练习文件夹
在桌面新建文件夹，命名为 我的AI练习。在 Trae 中选择“打开文件夹”，打开它。
打开 Builder / AI 对话
找到右侧 AI 区域，选择 Builder 模式。如果界面名称略有变化，找到能“根据描述创建项目”的对话入口即可。
复制下面的第一条提示词
粘贴后发送。AI 可能会先给出方案，再创建文件。看到确认按钮时，阅读内容后允许执行。
请在当前文件夹中制作一个单文件 HTML 自我介绍网页。
要求：
1. 页面中央是一张简洁的个人卡片；
2. 内容包括姓名“小夏”、一句自我介绍、三个兴趣标签；
3. 有一个“联系我”按钮，点击后弹出“很高兴认识你”；
4. 使用温暖的浅色风格；
5. 完成后告诉我如何预览页面。
观察
你不需要逐行看懂代码
先检查结果是否符合五条要求。按钮能不能点？文字对不对？颜色是否舒服？这就是你此时最重要的工作。
- AI 已经创建了 HTML 文件左侧文件列表里能看到以 .html 结尾的文件
- 我已经在浏览器预览页面可双击 HTML 文件，或使用 Trae 提供的预览/运行入口
- “联系我”按钮可以点击如果不能，直接告诉 AI：“按钮点击没有反应，请检查并修复”
03
核心能力
学会用“五句话”给 AI 下任务
提示词不需要华丽，但必须具体。按下面顺序说，AI 会更容易一次做对。
目标你要做什么？
用户给谁使用？
内容必须有什么？
样式看起来怎样？
验收怎样算完成？
不够清楚的说法
帮我做一个好看的简历。
“好看”没有标准，“简历”里有哪些内容也没有说。
更容易成功的说法
为准备求职的新媒体运营新人制作一个单页网页简历。包含个人简介、技能、两个项目经历和联系方式。风格干净、专业、米白色。手机也能正常查看，所有按钮可点击。
AI 做得不满意，应该怎样继续说？
一次只改一类问题，并说清改哪里。例如：“保留所有内容，只把顶部区域改得更简洁；姓名更醒目；联系方式放在姓名下方；不要修改项目经历。”
怎样避免 AI 自己编造内容？
明确写：“信息不足的地方先用【待补充】标记，不要编造公司、数据、奖项和工作经历。”制作简历时尤其重要。
不知道专业词汇，也能描述吗？
可以。用日常语言描述你看到的问题，例如：“手机上文字挤在一起”“按钮颜色太淡，看不清”“两边空白不一样宽”。
04
小场景练习
完成三个递进案例
每个案例都练一项关键能力。建议按顺序做，不需要追求完美。
待办清单：练习“让按钮真的工作”
请制作一个单文件 HTML 待办清单。用户可以输入任务并添加，点击任务可以标记完成，还可以删除任务。刷新页面后任务仍然保留。页面要简洁，并显示“已完成数量 / 总数量”。完成后请自行检查每个按钮是否有效。
验收：添加 3 条任务 → 完成 1 条 → 删除 1 条 → 刷新浏览器，剩余任务仍在。
旅行预算：练习“让 AI 处理数据”
请制作一个旅行预算计算器。用户可以输入交通、住宿、餐饮、门票和其他费用，页面自动计算总费用，并按 3 人平均分摊。输入内容变化时立即更新结果。金额统一保留两位小数。请加入“清空”按钮，并检查计算是否正确。
验收：输入交通 600、住宿 900、餐饮 300，其他为 0；总计应为 1800，人均应为 600。
作品集页面：练习“根据反馈反复修改”
请制作一个新媒体运营新人作品集网页。包含个人介绍、三个作品卡片、擅长平台、联系方式。先使用示例内容，但所有示例文字都标记为【请替换】。风格专业、活泼，手机和电脑都能正常查看。每个作品卡片有“查看详情”按钮，点击后展示该作品说明。
第二轮修改练习：“保留现有功能，把页面改得更专业；减少颜色数量；让三个作品卡片高度一致；手机上每行只显示一张卡片。”
- 我完成了至少一个小案例亲自点击检查功能，不只看页面截图
- 我给 AI 提出过至少两次修改意见练习“保留什么、修改什么、怎样算改好”
05
排错方法
遇到问题，不要慌，也不要乱点
把现象和报错交给 AI，再让它小范围修复。你不需要自己猜原因。
A
页面打不开
告诉 AI：“请检查当前项目，页面无法打开。先找出原因，再修复，并告诉我正确的预览方式。”
B
按钮没反应
告诉 AI 是哪个按钮、你点击后期待发生什么、现在发生了什么。
C
出现红色报错
完整复制报错文字给 AI，不要只说“报错了”。让 AI 修复后解释一句原因。
D
越改越乱
让 AI 停止新增功能，先恢复最近可用的版本，或要求只修改一个具体区域。
当前出现了问题：
【我做了什么】我点击了“添加任务”按钮。
【我期待的结果】新任务出现在列表中。
【实际结果】点击后没有任何变化。
请先检查原因，只修复这个问题，不要改变页面样式。修复后请告诉我如何验证。
06
最终实战
用 AI 制作一份真实个人简历
先整理事实，再让 AI 帮你表达和排版。不要让 AI 编造经历。
原则
AI 可以润色，不能代替真实经历
姓名、联系方式、公司、学校、项目、数据都必须由你核对。个人隐私不要发送给不可信的平台或陌生人。
准备原始资料
写下目标岗位、教育经历、工作/实习经历、项目、技能和联系方式。没有的数据写“待补充”。
让 AI 先整理文字
不要立刻做页面。先让 AI 发现信息缺口、提出问题，再将经历改成简洁、有行动和结果的表达。
让 AI 创建简历网页
文字确认无误后，再要求生成单页 HTML 简历，并在手机、电脑和打印场景中检查。
你是一名严谨的简历编辑。请根据我随后提供的真实资料，帮我整理一份应聘【目标岗位】的中文简历。
规则：
1. 先列出缺失信息并向我提问，不要立刻编写简历；
2. 不得编造公司、项目、职责、数据、技能或奖项；
3. 每段经历优先使用“做了什么 + 如何做 + 结果”的表达；
4. 不确定的信息标记为【待确认】；
5. 我确认文字后，再创建一个单文件 HTML 简历；
6. 简历为一页、专业、清晰，支持手机查看和打印为 PDF。
先在这里体验“资料 → 简历”的过程
填写左侧资料，右侧会形成一个简单预览。你可以把整理好的内容复制给 Trae，让它继续美化和完善。
我的真实资料
最终检查：所有事实真实吗？有没有错别字？联系方式正确吗？手机上能看吗？打印预览是否控制在一页？请至少请一位朋友帮你复核。
- 我已整理真实简历资料，并标出待补充项
- 我已让 AI 提问并润色，而不是编造内容
- 我已在 Trae 中生成并检查简历网页
- 我已检查手机显示，并打印 / 保存为 PDF
07
带走这套方法
以后使用 Trae，只记住这五步
工具界面会更新，但这套工作方式一直有效。
1. 说把目标和限制说具体
2. 看先看方案，再允许执行
3. 跑打开成品，亲自点击
4. 改一次只改一类问题
5. 验按清单检查并保存
每次任务的万能开场
我要制作【作品】给【用户】使用。
必须包含【内容 / 功能】。
风格希望是【样式】。
请先给出简短计划，再开始制作。
完成后请检查【验收条件】，并告诉我如何预览。
每次修改的万能说法
保留【不要改变的内容】。
现在只修改【具体区域 / 问题】。
我希望它变成【明确结果】。
不要新增其他功能。
修改后请检查【验证动作】。
完成
真正学会的标准，不是看懂所有代码
而是你能独立描述需求、启动任务、检查作品、提出修改，并在 AI 犯错时把它拉回正确方向。