2024 年開始,AI 程式設計工具在國外卷瘋了——
Cursor、Copilot、 Windsurf、Devin、Bolt.new 等一系列 AI 程式設計神器經常刷屏程式設計師圈。
可惜,普遍對中文開發者不太友好,我把他們裝好後,第一件事兒就是先折騰下漢化。而且時不時因為未知原因就被封號了。
終於今天,字節跳動洞察到了這個痛點,釋出了一款中文開發者友好的 AI IDE——Trae。雖然是海外版,但支援中文。
值得強調的是,Trae 內建了 Claude-3.5-Sonnet免費用。
先總結幾個我用下來感覺很實用的功能:
-
AI 問答助手:在編寫程式碼時,遇到任何問題都可以隨時向 AI 助手提問,比如解釋程式碼、編寫註釋或修復錯誤,幫助我快速找到解決方案。 -
即時程式碼建議:它能即時分析我正在編寫的程式碼,並在編輯器中提供最佳化建議,幫助我提高程式碼質量。 -
程式碼片段生成:只要用自然語言描述需求,Trae 就能生成相應的程式碼片段,甚至可以自動編寫專案級別的跨檔案程式碼,減少了不少重複性工作。 -
從零到一的專案開發:如果我要開發一個新專案,但對某些技術不熟悉,Trae 能根據我的需求自動生成程式碼或建立相關檔案,讓開發變得更加輕鬆。
那麼實際使用起來手感如何,隨小編一起來體驗一下吧。

附傳送門:https://www.trae.ai/(目前只支援 MacOS 系統)
首先,Trae 可以選擇內建語言為中文,這樣整個互動介面和聊天都能以中文呈現,不說了,先贊為敬。

另外,可以看到 Trae 的介面與 VS Code 和 Cursor 比較一致,上手起來也沒什麼壓力。
並且 Trae 可以直接繼承 cursor 或 VS Code 的外掛和設定。好傢伙,IDE 鏈路連起來了。

Chat 功能
首先一起來看看 AI IDE 中最常用的 Chat 功能。
-
右側文字對話
-
對於特定的程式碼片段,可以選中程式碼然後使用快捷鍵 Cmd+U
調取 Chat。 -
在無特定程式碼的情況下詢問 AI,可以直接點選右側按鈕調取 AI 側欄功能。
目前 Trae 支援兩種主流大模型,其中 Claude-3.5-Sonnet 作為預設模型,同時也支援切換到 GPT-4o。
當前,這兩款模型仍然是免費開放的,抓緊(薅羊毛)試用!

-
在程式碼內進行 AI 對話則直接選中對應程式碼,然後快捷鍵 Cmd+I
調取 AI。

上面這兩個功能使用起來和主流 AI IDE 一致。
-
引用功能
Trae 的引用功能支援直接選中資料夾或者檔案或者程式碼,進行上下文問答。

例如,我想不考慮其他部分的情況下只獨立檢視和修改部分程式碼,那麼直接選取程式碼塊即可,非常的方便。

-
程式碼補全
和當前的 AI IDE 一樣,Trae 也有程式碼補全功能,而且整個體驗下來,補全速度也比較迅速。

-
而針對 Terminal 的輸出或報錯,Trae 也以一種更加美觀的方式輸入!
對比隔壁 IDE 看起來像直接複製 Terminal 內容,而 Trae 的方式更加美觀和便利。


透過聊天快速建立專案
先來牛刀小試一把,用中文告訴 Trae 實現一個漢諾塔遊戲。
全過程只需要輸入指令-點選應用-點選接受,即可生成零 bug 的 python 檔案。

直接執行.py 檔案即可開玩小遊戲:

接著,有創業之心的我直接告訴 Trae "請你設計一個在春節期間可能會爆火的小遊戲,並程式設計實現"。於是 Trae 就給我生成了“新春接福”的小遊戲!

雖然最終效果一般,但這麼簡潔的指令下能實現這麼接地氣的效果也算不錯了。
多模態功能,助力需求表達
藉助大模型的圖片理解功能,開發者也可以用圖片表達需求,例如錯誤截圖、設計稿、參考樣式等等。
小編這裡隨便在網上找了一張貪吃蛇圖片,讓 AI 看圖寫程式碼。於是貪吃蛇遊戲也就這麼水靈靈的生成了。

最終效果如下,可以透過鍵盤操作直接開玩遊戲。雖然這個實際效果和原稿有一定差距。但執行起來一步到位,非常絲滑。

Webview 功能
Trae 有一個特色
Webview
功能,它能直接在 IDE 的介面中展示 Web 頁面。而不像傳統的 IDE 還需要跳轉網頁開啟。因此 Trae 對網頁開發者來說應該非常友好。在生成 html 檔案之後,只需要點選
預覽
,就可以輕鬆開啟檔案預覽。這樣就能邊寫邊看效果了。

Builder 功能
Trae 的 Builder 功能可以說是它最強大的亮點之一了。在 Builder 模式下,可以完成從零開始開發一個完整的專案。AI 根據開發者的需求,自動調動一系列工具來響應使用者指令,不僅讓任務拆解更精準,也能確保整個開發過程更高效。
舉個例子,我嘗試給 Trae 增加點難度,要求它生成一個類似 TikTok 的 app。沒想到,Trae 不僅順利拆解了任務,還開始一步步地與我互動,幫我配置開發環境,除錯依賴,確保每一步都走得穩妥。整個過程就像有個聰明的助手在旁邊,幫我減少了不少繁瑣的準備工作,直接進入了實際的開發階段。

由於我的本地電腦沒有安裝任何環境,因此環境配置花了很大的功夫。但全程也只需要點選執行,AI 會根據整個環境的即時狀況自動尋求解決方法。

最終檔案成功執行,並在內建的 Webview 中預覽。

可以看到整個過程中,我直接無腦跟著指令執行,最終也能成功實現從零搭建整個專案。
這番實操下來,感覺 Builder 功能真的是一次不小的提升,讓我們可以把更多精力集中在創意和核心功能的實現上,而不是被環境配置和細節問題拖住。
總結
經過小編一晚上的初體驗,覺得 Trae 確實是一款優秀的程式設計開發利器,與 Cursor 和 Windsurf 這些國際大牌對比,Trae 更像是一個懂你的“老朋友”。透過全中文化介面和本地化設計,Trae 為中文開發者提供了更加流暢的開發體驗。從智慧程式碼生成到本地配置執行,它的每一步設計都精準對接了我們日常程式設計中的實際需求。
Trae 的出現,使程式設計更加大眾化,即使沒有開發經驗,不懂程式碼,甚至不懂英語,你也可以親自從零構建專案。只要你有想法,就可以零成本的快速實現自己的創意。
而更有意思的是,Trae 不止是一個工具,它背後折射的是科技與人文的碰撞。它告訴我們,技術的“創新”並不是盲目的追趕,而是對實際需求的深入洞察與回應。每一次我們透過 AI 模型最佳化程式碼,每一次我們在 IDE 中順暢工作,背後都少不了對“人”這一核心要素的關注。它不僅讓我們感到高效、便捷,更讓每個人體會到科技帶來的溫度。


