一人能頂一個公司:位元組AI程式設計神器Trae誕生了!

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

https://www.trae.ai/

(目前只支援 MacOS 系統)
首先,Trae 可以選擇內建語言為中文,這樣整個互動介面和聊天都能以中文呈現,不說了,先贊為敬。
另外,可以看到 Trae 的介面與 VS Code 和 Cursor 比較一致,上手起來也沒什麼壓力。
並且 Trae 可以直接繼承 cursor 或 VS Code 的外掛和設定。好傢伙,IDE 鏈路連起來了。

Chat 功能

首先一起來看看 AI IDE 中最常用的 Chat 功能。
  1. 右側文字對話
  • 對於特定的程式碼片段,可以選中程式碼然後使用快捷鍵 Cmd+U 調取 Chat。
  • 在無特定程式碼的情況下詢問 AI,可以直接點選右側按鈕調取 AI 側欄功能。
目前 Trae 支援兩種主流大模型,其中 Claude-3.5-Sonnet 作為預設模型,同時也支援切換到 GPT-4o。
當前,這兩款模型仍然是免費開放的,抓緊(薅羊毛)試用!
  1. 在程式碼內進行 AI 對話則直接選中對應程式碼,然後快捷鍵 Cmd+I 調取 AI。
上面這兩個功能使用起來和主流 AI IDE 一致。
  1. 引用功能
Trae 的引用功能支援直接選中資料夾或者檔案或者程式碼,進行上下文問答。
例如,我想不考慮其他部分的情況下只獨立檢視和修改部分程式碼,那麼直接選取程式碼塊即可,非常的方便。
  1. 程式碼補全
和當前的 AI IDE 一樣,Trae 也有程式碼補全功能,而且整個體驗下來,補全速度也比較迅速。
  1. 而針對 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 中順暢工作,背後都少不了對“人”這一核心要素的關注。它不僅讓我們感到高效、便捷,更讓每個人體會到科技帶來的溫度。

相關文章