前言
今日,字節發佈了一款 AI Coding 產品 —— Trae,它是一款對標 Cursor 和 Windsurf 的全新 IDE,也是一款真正為中文開發者量身定製的工具,可謂是中文開發者的福音。
其優雅的 UI、絲滑的交互、母語級的支持、更高的 AI 集成度、更然自的交式互對話開發、更精準的 AI 生效成果,都讓你感到親切和驚豔!
它不再是一個工具,而是一個能 “思考” 和 “共創” 的協作者,幫助你更靈活的調用 AI 參與項目,實現更高效率、更好效果的開發體驗。
目前 Trae 內置 Builder 和 Chat 兩種模式:
- Builder 模式:只需要告訴 AI 你想要什麼樣的應用,它會輕鬆完成從零到一的項目構建
- Chat 模式:AI 將理解當前代碼,你可以隨時提出問題、尋求建議。此外也支持編輯器內實時提供建議代碼
Trae 底層集成了國外主流的大模型 Claude 3.5 和 GPT-4o,目前免費使用中。
無論是專業開發者還是新手開發者,都能體驗到 Trae 帶來的效率提升。
下載體驗地址:trae.ai
接下來我將詳細地為大家介紹 Trae 的功能。
安裝設置
從官網 trae.ai 下載安裝後,首次打開會進入設置界面:
然後是主題和語言設置。主題支持暗色、亮色、深藍。語言支持簡體中文和英文,這次終於不需要安裝漢化插件了。
Trae 支持從 VS Code 或 Cursor 導入配置,它會將插件、設置、按鍵綁定同步到 Trae,實現 IDE 的無縫切換:
Trae 也提供了自己的 trae 命令:
安裝後可以通過:
trae:快速啓動 Traetrae my-react-app:在 Trae 中打開一個項目
最後一步是登錄,可使用 GitHub、Google 賬號三方登錄,也可以使用 Trae 賬號登錄,這步跳過也行:
強大的 AI 功能
Trae 包含了基本的 IDE 功能如代碼編寫、項目管理、插件管理、版本控制等。
這些功能想必大家已經很熟悉了,所以我們重點介紹其強大的 AI 助手功能,包括:
- AI 問答:在編碼過程中,你隨時可以與 AI 助手聊天尋求幫助,包括讓 AI 助手解釋代碼、編寫代碼註釋、修復錯誤等。
- 實時代碼建議:AI 助手將理解當前代碼並在編輯器內實時提供建議代碼。
- 代碼片段生成:用自然語言向 AI 助手描述你的需求,它將生成相應的代碼片段或自主編寫項目級和跨文件的代碼。
- 從 0 到 1 項目開發:告訴 AI 助手你想開發什麼樣的程序,它將提供相應的代碼或根據你的描述自動創建相關文件。
具體體現為編輯器右側的Builder 和 Chat 兩種模式:
其中:
- Builder 模式:只需要告訴 AI 你想要什麼樣的應用,它會輕鬆完成從零到一的項目構建
- Chat 模式:AI 將理解當前代碼,你可以隨時提出問題、尋求建議。此外也支持編輯器內實時提供建議代碼
Builder 模式
Builder 模式可以幫助您從 0 到 1 開發一個完整的項目。
在 Builder 模式下,AI 助手將主動讀取當前項目文件的內容,分解任務,並逐步執行它們。包括:
- 提取相關上下文
- 創建或修改文件
- 生成和運行命令
- 分析命令執行狀態
而你只需要在右下角的聊天輸入框輸入您的需求即可,支持添加上下文,支持輸入多種類型的內容,比如設計草稿、參考樣式等等。
你只需要和 AI 進行交互即可快速創建項目:
根據你的需求,AI 助手將自動生成代碼更改,包括創建新文件和編輯現有文件中的代碼,你可以接受或者拒絕修改:
當 AI 助手完成了你的需求,它將提供一個預覽按鈕。點擊此按鈕將打開一個 Webview 窗口展示結果:
<font style="color:rgb(29, 33, 41);"></font>
Chat 模式
在日常開發中可以使用 Chat 模式,它可以回答代碼問題、解釋代碼、生成代碼片段、修復錯誤等,只要你提出要求。
讓我們看下實際效果:
聊天中生成的代碼你可以將其應用到項目中:
除了側邊欄,你也可以在編輯器中使用內聯的聊天框。使用快捷鍵 Command + I,或者選擇任何代碼,然後使用快捷鍵 Command + I 或單擊浮動菜單中的 Edit 按鈕:
當有報錯提示的時候,也可以進行 AI 修復,實際效果演示:
Trae 還有更多的細節值得發現,可以參考其官方文檔:https://docs.trae.ai/docs/what-is-trae
總結
在 Cursor、Windsurf 等海外 AI IDE 盛行的當下,這款國內開發者開發的 AI IDE 無疑會成為一款更懂中國開發者的工具,所以未來可期。目前看來,它跟 Cursor 幾乎一樣強大。無論是專業開發者還是新手開發者,都能體驗到 Trae 帶來的效率提升。
那就快來體驗一下吧。下載體驗地址:trae.ai