匠人学院 JR Academy学AI来匠人
匠人学院 JR Academy学AI来匠人

Follow Us

linkedinfacebooktwitterinstagramweiboyoutubebilibilitiktokxigua

We Accept

/image/layout/pay-paypal.png/image/layout/pay-visa.png/image/layout/pay-master-card.png/image/layout/pay-airwallex.png/image/layout/pay-alipay.png
EN

关于公司

关于我们元宇宙课堂新闻资讯匠人工作成为导师匠人导师联系我们匠人商店J3.Club

匠人资源

工作内推匠人活动1对1私教行业白皮书线上学习平台面试中心分享面试经验Internship会员中心

AI 工具

AI 工具箱考证匠 Cert Master求职匠 Job Hunter牛小匠 UniMate AI

AI 学习方向

全部学习方向AI EngineerContext EngineeringVibe CodingPrompt MasterAI BuilderAI 产品经理Python 入门

AI 应用提效

AI 办公提效AI 数据分析AI 财务AI 内容创作AI 视觉创作前端开发Hermes AgentOpenClaw 本地智能体

大学资源

墨尔本大学昆士兰大学新南威尔士大学悉尼大学莫那什大学阿德莱德大学RMITQUTUTS

少儿 AI 教育

Airbotix 少儿 AI 编程澳洲家长实用资料库NAPLAN 成绩单怎么看My School 学校数据指南悉尼私校学费 2026少儿编程课程与训练营

移民服务

澳洲移民技术移民189/190/491雇主担保482/186/494投资移民188/888英国移民美国移民加拿大移民

企业合作

P3职业孵化器Enterprise (EN)企业培训实习合作招聘合作申请合作

求职代理

岗位代投职位监控LinkedIn代运营LinkedIn人脉代加了解P3项目

匠人支持

FAQsTerms & ConditionsPrivacy PolicyCancellation & Refund PolicySite map

Top Categories

Web全栈班DevOps项目班数据工程全栈班数据分析项目班编程入门班Business Analyst实习算法集训营

求职就业

BA和产品经理实习数据科学实习数据分析实习Marketing实习简历修改面试指导导师指导VIP

地址

Level 10b, 144 Edward Street, Brisbane CBD(Headquarter)
Level 2, 171 La Trobe St, Melbourne VIC 3000
四川省成都市武侯区桂溪街道天府大道中段500号D5东方希望天祥广场B座45A13号
Business Hub, 155 Waymouth St, Adelaide SA 5000

联系方式

hello@jiangren.com.au0421-672-555

Disclaimer

footer-disclaimerfooter-disclaimer

JR Academy acknowledges Traditional Owners of Country throughout Australia and recognises the continuing connection to lands, waters and communities. We pay our respect to Aboriginal and Torres Strait Islander cultures; and to Elders past and present. Aboriginal and Torres Strait Islander peoples should be aware that this website may contain images or names of people who have since passed away.

匠人学院网站上的所有内容,包括课程材料、徽标和匠人学院网站上提供的信息,均受澳大利亚政府知识产权法的保护。严禁未经授权使用、销售、分发、复制或修改。违规行为可能会导致法律诉讼。通过访问我们的网站,您同意尊重我们的知识产权。JR Academy Pty Ltd 保留所有权利,包括专利、商标和版权。任何侵权行为都将受到法律追究。查看用户协议

© 2017-2026 JR Academy Pty Ltd. All rights reserved.

ABN 26621887572

首页/资源中心/文章详情
JR Academy · Blog职业洞察

Trae IDE 完全指南:字节跳动的免费 AI 编程神器 — Trae 快速上手:15 分钟从安装到写出第一个项目

下载安装 Trae、熟悉界面布局、用 Builder Mode 生成第一个全栈应用,15 分钟完成全流程

发布日期2026-08-24
阅读时长1 分钟
作者

快速导航

  • 下载安装
  • 迁移 VS Code 设置
  • 界面布局
  • 用 Builder Mode 生成第一个项目
  • 版本回滚
  • 第一天就能做到的事

Trae 的上手速度非常快——下载安装不到 5 分钟,打开就能用 AI 写代码。如果你用过 VS Code,界面几乎零学习成本。

Trae 安装与界面

下载安装

  1. 打开 trae.ai(海外版)或 trae.cn(国内版)
  2. 下载对应系统的安装包(macOS / Windows,Linux 版计划中)
  3. 安装后首次启动,选择界面主题(深色 / 浅色 / 深蓝)和语言
  4. 用 Google、GitHub 或邮箱注册账号
  5. 进入主界面,直接开始

海外版 vs 国内版:海外版(trae.ai)能用 Claude Sonnet 和 GPT-4o;国内版(trae.cn)接入的是豆包等国产模型,功能有差异。JR Academy 的同学建议用海外版。

迁移 VS Code 设置

如果你已经在用 VS Code,Trae 可以一键导入:

# Trae 首次启动时会提示导入
# 也可以手动操作:
# 1. 打开 Trae 设置
# 2. 搜索 "Import"
# 3. 选择 "Import VS Code Settings & Extensions"
# 导入内容包括:主题、快捷键、已装插件、用户设置

大部分 VS Code 插件(.vsix 格式)都能直接在 Trae 里用——GitLens、Prettier、ESLint 这些常用的都没问题。

界面布局

Trae 的界面分四个核心区域:

  • 左侧文件树:项目文件和文件夹,和 VS Code 一样
  • 中间编辑器:写代码的主区域,支持多标签页
  • 右侧 AI 面板:Chat / Builder / SOLO 三个模式的切换入口
  • 底部终端:内置终端,可以跑任何命令

常用快捷键:

操作 macOS Windows
打开 AI 面板 Cmd + I Ctrl + I
内联补全接受 Tab Tab
命令面板 Cmd + Shift + P Ctrl + Shift + P

用 Builder Mode 生成第一个项目

这是 Trae 最有冲击力的功能——用一段话描述需求,AI 给你搭出整个项目。

  1. 新建一个空文件夹,用 Trae 打开(File > Open Folder)
  2. 右侧 AI 面板切到 Builder Mode
  3. 输入项目描述,比如:
用 React + Vite + Tailwind CSS 做一个 Pomodoro 番茄时钟应用。
需要:
- 25 分钟倒计时,可以暂停和重置
- 休息时间 5 分钟
- 完成次数统计
- 深色主题
- 响应式布局,手机端也能用
  1. AI 开始分析需求、创建文件、写代码。你能实时看到文件树在变化
  2. 点击 Preview 按钮,Webview 窗口弹出,应用已经在跑了
  3. 觉得哪里不对,直接在 Builder 里追加修改:"把计时器数字改大一点,用等宽字体"

整个过程不需要手动 npm init、不需要配 Tailwind、不需要写 vite.config.ts——AI 全帮你搞定。

版本回滚

Builder Mode 有个救命功能:版本历史。

点右上角 Show History 按钮,能看到每一轮 AI 修改的快照。觉得改坏了?直接回滚到任意一个历史版本。比手动 git stash 方便得多,特别是 AI 一次改了十几个文件的时候。

第一天就能做到的事

装好 Trae 后,你马上可以做这些事来熟悉它:

  • 用 Builder Mode 生成一个 Todo App(经典练手项目)
  • 用 Chat Mode 让 AI 解释一段你看不懂的开源代码
  • 把现有项目打开,试试 Cmd+I 问 AI 任何关于项目的问题
  • 截一张 UI 设计图丢给 AI,让它生成对应的 React 组件
作者
一键分享或复制链接
Lightman Wang
Reviewer: Lightman Wang

Founder of JR Academy

查看该作者的更多文章 →
← 上一篇Trae IDE 完全指南:字节跳动的免费 AI 编程神器 — Trae 是什么:字节跳动出品的免费 AI IDE,Cursor 的零成本替代下一篇 →Trae IDE 完全指南:字节跳动的免费 AI 编程神器 — Trae 三大核心模式:Chat、Builder、SOLO 深度拆解

相关文章推荐

最近关心AI Engineer的,真的要盯住澳洲🆓AI大会

2026-09-17

悉大COMP5318学什么?一篇理清核心知识点

2026-09-17

🇦🇺好消息!悉大留子可以🆓试用GPTEdu

2026-09-15

所有澳留快查❗你的学费也能退税!

2026-09-14

Claude直接送开发者6个月Max额度❗

2026-09-09

OpenAI开发者大会❗人在澳洲也能看

2026-09-08
查看全部文章 →
JR Academy
全球华人学习 AI 第一站
✓15000+ 学员
✓50+ 课程
✓AI 驱动学习平台
训练营免费资源AI学习职业辅导
精选推荐
AI 职业影响地图
测测你的职业风险等级,查看转型路径与学习方向
热门工具
AI & 数据训练营
系统化课程 + 真实项目实战,快速提升竞争力
热门课程
1v1 就业辅导
资深导师一对一指导,简历优化 + 面试准备
就业保障
企业内训定制
AI 技能培训方案,助力团队升级
企业服务
热门标签
Vibe CodingAI 编程CursorClaude求职攻略Prompt前端开发后端开发
订阅更新

获取最新 AI 学习资源、技术教程和求职攻略,直接送达邮箱。

我们尊重您的隐私,不会发送垃圾邮件