Trae是什么？

Trae 是字節(jié)跳動于2025年1月20日推出的一款 AI 原生 IDE，內置 Claude 3.5 和 GPT-4o 模型，免費不限次數(shù)。憑借強大的 AI 支持與全面的 IDE 功能，Trae 為開發(fā)者和產品經理帶來了高效、直觀的開發(fā)體驗 ，Trae 提供 AI 問答、代碼自動補全以及基于代理的 AI 編程等功能，它出色的中文支持，助力用戶快速創(chuàng)建項目、自動調試代碼，同時支持圖像解析生成代碼，顯著提升開發(fā)效率。適用于快速原型開發(fā)、團隊協(xié)作和跨語言開發(fā)，尤其適合初學者、非技術人員和創(chuàng)意項目開發(fā)。

Trae官網(wǎng)鏈接：https://www./

Trae的主要功能及適用場景

主要功能

• Builder模式：Trae 自動將開發(fā)任務拆解成小步驟，并通過實時反饋引導開發(fā)者完成項目。適合新手快速構建項目，而無需擔心復雜的開發(fā)流程。
• 多模態(tài)支持：開發(fā)者可以上傳圖像，Trae 會精準理解圖像內容，并結合其強大的 AI 功能自動生成相關代碼或優(yōu)化現(xiàn)有代碼，簡化需求表達和代碼實現(xiàn)過程。
• 上下文感知與智能代碼補全：Trae 能夠分析整個代碼庫的上下文，理解開發(fā)者的工作流程，從而智能預測并實時補全代碼。自動生成代碼、調試錯誤，顯著提升編程效率。
• 內置 AI 模型：Trae 集成了強大的 Claude 3.5 和 GPT-4O 模型，支持智能代碼生成、優(yōu)化和修復。開發(fā)者無需手動輸入每一行代碼，AI 能根據(jù)需求智能補全，減少重復勞動。
• 中文友好界面：Trae 提供完整的中文支持，不會因為語言切換而打斷開發(fā)者的工作流程。特別適合中文用戶，確保開發(fā)者可以專注于開發(fā)本身，無需擔心語言障礙。

適用場景

• 編程新手學習與實踐：利用 Trae 自動生成代碼，快速實現(xiàn)簡單的登錄頁面，幫助新手輕松學習編程。
• 快速原型開發(fā)：使用 Trae 快速創(chuàng)建在線商城原型，自動生成前后端代碼，驗證功能需求。
• 團隊協(xié)作與跨職能開發(fā)：設計團隊通過 Trae 上傳設計圖，AI 自動生成 HTML/CSS，開發(fā)者直接修改代碼，提高團隊協(xié)作效率。
• 跨語言開發(fā)：使用 Trae 同時管理和優(yōu)化 JavaScript 與 Python 代碼，提升全棧開發(fā)效率。
• 代碼調試與優(yōu)化：通過 Trae 自動檢測和優(yōu)化代碼中的性能瓶頸，快速提升應用性能。
• 低代碼開發(fā)：使用 Trae 實現(xiàn)自動化數(shù)據(jù)報告工具的低代碼開發(fā)，無需編寫復雜代碼。
• 游戲開發(fā)與創(chuàng)意項目：通過 Trae 上傳設計圖，AI 自動生成游戲代碼，減少重復性工作，專注核心玩法設計。

安裝與快速上手

trace安裝配置流程

1. 安裝并啟動 Trae：訪問 Trae 官網(wǎng)并下載安裝應用https://www./。

2. 選擇主題和語言：選擇主題（Dark、Light、DeepBlue，選擇語言（默認是英語，我們可選 簡體中文，相對于Cursor中文得支持更好）。

3. 導入 VS Code 或 Cursor 配置：如果已在本地安裝 VS Code 或 Cursor，可快速導入擴展、設置和快捷鍵配置。

4. 安裝 Trae 的終端命令：點擊 Install 'trae’ command 按鈕，安裝 Trae 的命令行工具。

5. 登錄 Trae：使用 Google、GitHub 或注冊郵箱賬號登錄 Trae，這里需要用到VPN賬號，如果沒有推薦使用upnet購買，穩(wěn)定且不限流量，日均1元。

6. 開始開發(fā)：打開已有文件夾或克隆現(xiàn)有 Git 倉庫，也可以使用 AI 助手從 0 到 1 創(chuàng)建新項目。

具體文檔鏈接見：
https://docs./docs/set-up-trae?_lang=en

實踐案例：年會抽獎系統(tǒng)開發(fā)

本次體驗是想要實現(xiàn)一款簡單的團隊內部年會抽獎系統(tǒng)的代碼實現(xiàn)進行體驗

一、需求梳理

把自己的想法與AI溝通，它將細化你的需求，初步梳理出來的功能還是很豐富的，產品經理在日常工作中也可以借助AI來豐富和細化自己的需求。

1. 用戶管理模塊

- 支持手動添加和Excel導入用戶

- 提供用戶搜索、刪除等功能

- 實現(xiàn)分頁展示用戶列表

2. 獎項設置模塊

- 可添加、編輯、刪除獎項

- 支持設置獎項名稱和中獎人數(shù)

- 提供是否允許重復中獎的開關

3. 抽獎功能模塊

- 實現(xiàn)動態(tài)抽獎效果

- 防止重復中獎

- 支持多獎項抽取

4. 結果展示模塊

- 表格形式展示中獎記錄

- 支持導出Excel

- 提供清空結果功能

非功能需求

本次開發(fā)的為本地web應用，不需要數(shù)據(jù)庫，把用戶數(shù)據(jù)、獎項、結果存在本地的瀏覽器中，支持大約500人以內的團隊抽獎

二、功能開發(fā)及調試

功能開發(fā)時，選用右上方的Builder，Trace會自動生成項目目錄及代碼，初版功能實現(xiàn)非?？欤钦{試過程很漫長，建議先做數(shù)據(jù)操作和核心業(yè)務流程，本次體驗先做的用戶、獎項設置，沒問題后，再做抽獎功能，最后再優(yōu)化UI方面的體驗。

Trace代碼生成功能亮點

• 項目管理清晰：能全面覆蓋本項目的全面文件和代碼，文件的增刪改做得很自然高效
• AI問答：不用每次提問時攜帶上下文，IDE會自動攜帶，且通過圖片聊需求和報錯較高效
• 頁面調試：自帶調試界面，無需到瀏覽器等第三方工具上來回折騰
• 問題排查：自動化程度較高，能自主排查

不足：

• 報錯信息不足，很難進行問題排查
• 代碼/報錯引用不如cursor方便快捷
• 代碼回退功能不如cursor細化，僅能接受全部/接受全部

三、效果展示

1. 用戶管理模塊

2. 獎項設置模塊

3. 抽獎功能模塊

4. 結果展示模塊

總結及期望

Trae 作為一款AI驅動的原生IDE，通過內置的Claude 3.5 和 GPT-4o模型，為開發(fā)者和產品經理提供了卓越的開發(fā)體驗。在實際應用中，Trae的Builder模式和多模態(tài)支持顯著提升了開發(fā)效率，而上下文感知和智能代碼補全則讓編程變得更加直觀和高效。本次年會抽獎系統(tǒng)的開發(fā)體驗中，Trae在以下方面表現(xiàn)尤為突出：

1. 快速原型構建能力：借助Builder模式，能高效生成初版項目框架和代碼，尤其適合簡單業(yè)務邏輯的實現(xiàn)。
2. 高效調試與問答：內置AI問答功能顯著降低了調試復雜代碼時的溝通成本；支持圖片上傳，更便于需求描述和問題反饋。
3. 開發(fā)過程自然流暢：項目目錄清晰，文件管理高效，支持跨文件協(xié)作，尤其在小型或中型項目中體現(xiàn)出色。

同時，Trae仍有一些不足需要完善：

1. 報錯信息深度不足：在遇到復雜問題時，報錯內容的精準性和可操作性稍顯不足。
2. 代碼管理功能略顯簡單：代碼回退功能不夠細化，可能對高頻次修改需求的開發(fā)者帶來一定不便。
3. 與 Cursor 比較的優(yōu)化空間：在代碼引用與報錯定位方面，Trae略遜一籌，仍有提升空間。

這才是Trae的第一個版本，未來國產的AI編程工具必將崛起，Trace可能就是這其中的一顆新星，通過進一步優(yōu)化報錯分析、代碼管理和多模態(tài)支持，有望成為開發(fā)者與產品經理的首選開發(fā)工具