TRAE AI编程第一讲：Vibe Coding初识与上手

最近正在筹备一套系统化的AI编程新手入门课程，课程大纲将逐步公开，也诚邀大家多提宝贵建议。

课程初步规划为4+1节结构：4节主课借助TRAE工具带大家入门AI编程，外加1节扩展课，专门为非技术背景学员补充必要的软件工程基础知识。

先来看课程内容安排：

• 第一节：TRAE AI 编程入门——Vibe Coding 初识即上手
• 第二节：TRAE AI 编程入门——磨刀不误砍柴功
• 第三节：TRAE AI 编程入门——突破边界的 Rules / MCP / Skills
• 第四节：TRAE AI 编程入门——打破编程界限的智能体

今天先放出第一节的详细大纲。

第 1 页：传统编程 vs AI 编程

标题：同样是“做一个网页”，过去和现在有何不同？

• 不妨先做个对比：传统编程与AI编程，底层逻辑截然不同。
• 需要首先建立共识：AI编程的目标并非让你成为程序员，而是帮你以更低的门槛将想法变为现实。
• 当然，传统编程知识仍然有价值，但AI编程确实提供了一条更友好、更易上手的入门路径。
• 本节课的目标很简单——带大家亲自体验这条新路径，然后发现“原来我也能行”。

第 2 页：什么是 Vibe Coding

• 一句话说清楚：Vibe Coding 就是用自然语言指挥AI生成软件，不关注代码细节，只关注最终结果。

具体过程可分为四步：

• 描述需求：用自然语言、画图或举例告诉AI：“我要什么样的功能/效果/结果”。
• AI交付：AI自动生成代码和界面，你无需关心实现过程。
• 验证结果：通过实际运行效果来检验——满意就接受，不满意继续提要求让AI调整。
• 循环迭代：持续反馈直到结果完全符合预期，项目才算完成。

第 3 页：TRAE 是什么

• 一句话介绍：TRAE 是字节跳动推出的AI编程IDE（集成开发环境）。
• 核心能力在于：用自然语言描述需求 → AI生成代码 → 实时预览，是一套完整的Vibe Coding工具链。
• 需要注意国内版与国际版的区别：主要差异在底层模型，国际版可使用GPT/Gemini等国外模型。

第 4 页：今天的演示任务

标题：从一句话需求到一个聊天智能体网页

• 需求力求简单，确保零基础学员能一听就懂。
• 结果要足够完整，现场演示需具备视觉冲击力。
• 全程不讲解一行代码细节，只展示AI如何将想法落地。

第 5 页：第一步——把想法说清楚

• 核心只需描述三要素：对象、功能和风格。
• 语言不必专业，但目标要尽量具体。
• 这里要强调：AI编程的起点不是敲代码，而是清晰表达需求。

第 6 页：第二步——生成第一个结果

• 看看TRAE如何理解需求并输出页面雏形。
• 第一次结果不一定完美，但这恰恰是进入迭代的起点。
• 学员需要亲眼见证“从无到有”的关键瞬间。

第 7 页：第三步——不断完善

• 加标题、调风格、补功能、改文案——这些都是迭代中常见的操作。
• AI的真正价值不仅在于首次生成，更在于连续迭代的能力。
• 需要帮助学员建立“先出来，再变好”的直觉。

第 8 页：为什么这件事很重要

• 零基础学员也能更快进入实践状态。
• 创意可以更快转化为展示作品、比赛原型或团队工具。
• 简单说，AI让“有想法的人”更容易迈出第一步。

第 9 页：这不等于不用学基础

• Vibe Coding解决的是启动难的问题，并不意味着学习可以省略。
• AI帮你降低门槛，但作品质量仍然需要你的判断与优化。
• 先建立兴趣，再逐步进入更系统的工具学习，是一条合理的进阶路径。

第 10 页：可以从这些小项目开始

第 11 页：本讲总结

• AI编程的核心价值在于：快速、低成本地将想法实现。
• 但Vibe Coding具体怎么用？工具的操作细节有哪些？这些悬念，就留到下一讲来揭晓了。