字節(jié)跳動（TikTok 的母公司）最近發(fā)布了一款名為 Trae 的集成開發(fā)環(huán)境（IDE），基于 Visual Studio Code（VS Code）進(jìn)一步定制。在 VS Code 原本的強(qiáng)大功能上，Trae 附加了 AI 模塊，幫助開發(fā)者更輕松地編寫、調(diào)試和優(yōu)化代碼，有時甚至無需手寫任何代碼。

如果你用過 Cursor AI，應(yīng)該會覺得 Trae 有點類似。但我的上手體驗是，Trae 界面更現(xiàn)代、操作更直接，而且不會讓人有“功能太多不知道先點哪兒”的困擾。

Trae 是什么？

Trae 旨在幫助開發(fā)者提升效率，做的不僅僅是自動補(bǔ)全。它在調(diào)試、重構(gòu)、注釋和測試用例建議等方面都能給出智能提示。更棒的是，Trae 跟 VS Code 和 Cursor 的配置可以互相兼容，幾乎不需要額外遷移就能直接使用。

image.png

當(dāng)前版本只支持 macOS 系統(tǒng)（Windows 版仍在開發(fā)），并且免費開放所有 AI 功能，沒有次數(shù)或額度限制。對比市面上一些需要付費或功能受限的同類工具，Trae 的確顯得很有吸引力。

Trae 由字節(jié)跳動的新加坡子公司進(jìn)行全球發(fā)行，是字節(jié)跳動拓展社交媒體以外業(yè)務(wù)的一環(huán)。正好最近美國 TikTok 禁令法案有所推遲，Trae 倒是趕著這個節(jié)點上線了，多少給人一種“多線并進(jìn)”的意味。

Trae 的核心亮點

1. 支持 GPT-4o 與 Claude 3.5 Sonnet
   Trae 內(nèi)置了 OpenAI 的 GPT-4o 模型和 Anthropic 的 Claude-3.5-Sonnet，讓你能直接在 IDE 里享受強(qiáng)大的 AI 編碼和對話能力。
2. AI 輔助編碼
   通過自然語言就能讓 Trae 生成、優(yōu)化、調(diào)試代碼。對新人或想快速雛形化項目的開發(fā)者非常友好。
3. 多模態(tài)交互
   你可以上傳圖片來說明需求，AI 能根據(jù)圖中的界面或元素理解布局和樣式，然后生成相應(yīng)代碼。非常適合做界面克隆或 UI 參考。
4. 兩種指令方式：

• Chat Mode：實時和 AI 溝通，適合一邊聊天一邊寫代碼。
• Builder Mode：更偏自動化的模式，像是一次性創(chuàng)建一個完整的項目或功能模塊。

image.png

Trae 還能分析整個項目的代碼基底，不只是單獨某個文件，這讓開發(fā)者在大范圍重構(gòu)、調(diào)試時更輕松。

如何安裝 Trae

1. 前往 trae.ai，點擊“Download for macOS”。

image.png

2. 下載完成后，按提示安裝到本地。

image.png

3. 因為 Trae 基于 VS Code，所以你可以選擇導(dǎo)入 Cursor 或 VS Code 的配置。

image.png

首次使用時需要注冊并登錄賬號。登錄完成，會看到 Trae 的主界面，整體跟 VS Code 類似，但多了很多 AI 輔助功能和面板。

image.png

Trae 的使用示例

下面展示一個簡單的應(yīng)用場景：讓 Trae 直接生成一個簡易的 Next.js 聊天應(yīng)用。

示例 1：生成簡單聊天應(yīng)用

Prompt: “create a simple chatbot app based on nextjs”

1. AI 選擇 Claude 3.5 Sonnet 模型，開始編寫項目文件和代碼。
2. 生成完畢后，點擊 Webview 就能在 IDE 內(nèi)部直接預(yù)覽 Next.js 應(yīng)用，無需去瀏覽器打開鏈接。

image.png

雖然例子非?；A(chǔ)，但值得注意的是，Trae 只用一次 prompt 就能“搭骨架+跑起來”，對原型開發(fā)來說很高效。

image.png

示例 2：多模態(tài)支持

Trae 支持上傳圖片，例如你可以上傳 Spotify 的截圖，讓 AI 按照截圖里的布局用 Next.js 搭建一個初步的克隆版本。

image.png

1. Prompt: “build a spotify clone using NextJS”

image.png

2. AI 識別截圖中的界面元素，包括配色、圖標(biāo)位置、頁面布局等，并自動生成相應(yīng)的代碼。
3. 最終輸出雖然和真正的 Spotify 還有差距，但已經(jīng)能看出基本的主題風(fēng)格、圖標(biāo)和大體布局。如果繼續(xù)和 AI 互動，可加入更多圖標(biāo)、臨時圖片或組件。

image.png

另外，Trae 的 Webview 可以直接在 IDE 內(nèi)看到效果，不必再另外開瀏覽器窗口來檢查界面。這對快速迭代和測試非常方便。

image.png

Trae 的優(yōu)點與局限

• 優(yōu)點

• 免費提供無限制的 AI 調(diào)用，目前沒有付費門檻
• 同時內(nèi)置多家模型，讓你可以挑選合適的 AI 實現(xiàn)
• 多模態(tài)支持讓界面克隆和 UI 原型變得更輕松
• 可以與 VS Code 或 Cursor 配置互通

• 局限
• Mac 版本優(yōu)先上線，Windows 版尚未完成
• 部分情況下 AI 響應(yīng)稍顯遲緩，尤其處理特別大的文件時容易卡頓
• 工具還在早期階段，可能還存在不穩(wěn)定或功能缺失
• 字節(jié)跳動的隱私爭議，一些用戶會對數(shù)據(jù)安全有顧慮

有人將 Trae 與 Cursor 對比，認(rèn)為它是“Cursor 殺手”，但目前看還言之尚早。Cursor 在速度、跨平臺兼容等方面可能更成熟，而 Trae 也有更現(xiàn)代的 UI 設(shè)計和免費用不完的 AI 額度。是否要立即轉(zhuǎn)投 Trae，要看個人需求和對隱私的態(tài)度。

信任問題：要不要放心用？

談到字節(jié)跳動就繞不開隱私和地緣政治話題。TikTok 被美國和其他一些國家密切審查，難免讓人擔(dān)心用 Trae 會不會有數(shù)據(jù)泄露的風(fēng)險。官方說這是新加坡子公司發(fā)行，使用了開源或國際認(rèn)可的 AI 模型，試圖與中國總部做切割。但這依然不能完全打消某些人的疑慮。

如果對隱私格外敏感，可以嘗試以下做法：

• 在隔離或沙箱環(huán)境里使用 Trae，不在上面保管關(guān)鍵生產(chǎn)代碼
• 用臨時賬號或小號注冊，以免暴露真實個人信息
• 留意官方的隱私和使用條款，任何工具都要定期備份代碼到安全的私有倉庫

結(jié)語

Trae 代表了字節(jié)跳動在 IDE 領(lǐng)域的新嘗試：它整合了主流的 AI 模型，界面舒適易用，并且免費無限量。對于想快速做原型或不想手寫太多代碼的開發(fā)者來說，是個值得嘗試的新選項。

當(dāng)然，隱私和地緣政治上的顧慮依舊存在。加之 Trae 目前只面向 macOS 用戶，功能仍在打磨階段，尚未到可以取代 VS Code 或 Cursor 的程度。對大多數(shù)人來說，最合理的做法是先用它進(jìn)行一些非核心項目或小型實驗，看看是否真的能大幅提高工作效率。等它在跨平臺性能、模型響應(yīng)速度、穩(wěn)定性等方面有所提升后，也許會成長為一個真正的“Cursor 級”競爭對手。

總的來說，如果你正在尋找一款能提供快速 AI 支持、還能直接在 IDE 里預(yù)覽并運行應(yīng)用的工具，Trae 值得一試。但要深度使用，還需要進(jìn)一步觀察它的發(fā)展走向，以及字節(jié)跳動在隱私和合規(guī)上的努力。