之前就給大家推薦過字節的 AI 編程軟件 Trae,前段時間在海外已經上線了。
由于眾所周知的原因使用海外的模型是無法在國內上線的。
所以海外的AI編程工具對國內用戶使用門檻還是很高,但是這次不一樣了!
字節在今天終于發布了Trae的國內版本,可以直接從國內下載使用:trae.com.cn
這也是國內首個 AI 原生 IDE,界面是中文,而且針對國內常見的開發方式做了優化,更懂中國用戶。
我會用一個詳細的案例教你搞定Trae的AI編程。
太長不看,Trae介紹:
- Builder模式自動化開發能力 ——AI 自動化執行任務,端到端生成
- Context深度理解能力,代碼倉庫級理解,深度理解 IDE 內信息,# 指定上下文,讓AI理解更精準
- 補全能力—— 實時續寫和預測
- 一鍵 apply,快速修改和應用;
- 對話式開發,版本隨時回退(非常有安全感)
- 免費使用,不像其他的類似軟件需要付費
- 支持Mac和Windows全平臺
不用擔心自己不是程序員不會用,AI加持下沒有基礎也能很好的上手。
入門案例-寫個貪吃蛇?
在一頓下一步之后我們終于看到了軟件的界面,這里我會用現在AI編程的Hello World也就是貪吃蛇來幫大家學習和了解這個軟件的重要功能。
首先我們需要打開文件夾,點擊后選擇一個對應文件夾就行,如果沒有準備也可以新建一個。
可以看到我新建了一個空的名字叫Snake的文件夾,這時候我們來了解一下整個界面
- 1號的部分會展示你的項目的文件列表。
- 2號部分會展示你打開的文件的代碼,主要的編輯就在這里進行。
- 最右邊的3號就是AI功能的區域了,跟AI聊天就在這個區域進行。
作為新手我們肯定是什么都不會的,所以需要選擇最右側的Builder模式,這里的模型我選的Deepseek-R1。
這個模式可以完全自動化的幫你完成你的項目,你只需要用自然語言輸入你的需求就行。
在輸入框輸入“幫我做一個貪吃蛇網頁游戲”之后回車,看著他表演就行。
之后我們發現他已經寫完了,那如何運行這個程序呢。
Trae也幫你考慮到了,你可以點擊「運行」之后,他就會幫你啟動本地的服務器來展示他寫的游戲。
等待他運行結束之后右邊的聊天窗口會出一個「預覽」按鈕。
點擊之后你就會發現中間的區域幫我們打開了一個網頁,我們的貪吃蛇就可以玩了。
如果你覺得沒問題就可以點擊輸入框上面的「全部接受」按鈕,這個是方式AI改錯你的代碼的安全性措施。
好了我們發現這個游戲雖然可以玩,但還是有些簡陋怎么辦,這時候如果你了解一點前端開發的話就會知道我們的樣式文件是.css,頁面里的東西長什么樣子會由這里的代碼控制。
如果我們想讓他好看點,又不想動到我們其他的代碼文件該怎么辦呢?
只需要輸入「#」號,然后選擇文件,之后再選擇Styly.css文件,告訴他美化一下游戲的界面就可以了,他只會針對這一個文件進行修改。
好的,我們現在來看看結果,貪吃蛇是不是漂亮了很多。
有時候我們想更精細的更改,比如我想要將這個畫布的描邊改成藍紫色,我知道他屬于這個CSS類,那我們只需要選中這部分,跟AI說把描邊顏色改為藍紫色就行。
可以看到現在AI就已經給出了我們修改后的顏色,只需要檢查后接受就行。
搞完了基礎的我們來點高難度的,我用他做了一個帶有復雜交互的卡片動畫,一次搞定,雖然間距有些小問題,但是已經很牛了,Deepseek R1 調教好的話上限很高,提示詞放在下面,你可以自己試試。
# 創建現代黑色主題金融儀表盤,帶有橫向可展開面板 設計一個現代化的黑色主題金融儀表盤,配備橫向可展開的面板。每個面板代表不同的金融工具,鼠標懸停時會展開。設計應采用深色背景,搭配微妙的漸變裝飾和最少的背景效果,使用柔和的顏色混合。采用干凈、玻璃般的面板設計,帶有類似蘋果macOS的微妙透明效果,并在折疊狀態的面板上使用垂直文本標簽。 儀表盤應采用橫向卡片布局,包含7個面板:實時價格、分析師預測、公司財務、同行分析、歷史收益、內部交易和電子郵件更新。每張卡片具有以下特點: - 折疊狀態下為窄條,帶垂直標題文本 - 展開狀態更寬,顯示描述和操作按鈕 - 所有卡片高度一致 - 圓角設計 - 隨機形狀的模糊背景 交互特點: - 鼠標懸停時面板展開 - 平滑的寬度過渡效果 - 內容在展開時淡入 - 默認展開第一個面板 每個面板的內容包括: - 折疊時的垂直標題 - 展開時的標題和描述 - 帶有適當圖標的操作按鈕 視覺細節: - 活動面板上的微妙光澤邊框效果 - 輕柔的模糊效果增加深度感 - 最少的陰影和邊框 - 清晰的排版 設計原則注重: - 簡潔明了 - 保持視覺層次 - 有目的地使用動畫 - 創造一致的視覺體驗
是不是只能用來編程
上面其實介紹的是如何用Trae做他的本職工作AI編程,但是我們發現好像這些讀取文件并且進行編輯好像對其他的文本也有用。
其實我前幾天就已經發過一個教程教你用Trae幫助自己查詢本地Obsidian筆記的內容和修改以及生成筆記。
操作方法和上面基本上是一樣的就是把Markdown筆記文件夾用Trae打開,然后詢問AI你筆記庫中的信息,或者讓AI根據信息去生成和整理新的筆記。
這里也就用到了另一個重要模式Chat,如果你不需要AI替你操作,只需要詢問項目的信息的話可以用這個模式。
關于這個用法前幾天我寫了一篇,如果感興趣可以看看:
今天還在會員群聽到了另一個很厲害的AI IDE用法,由于他有你的電腦命令權限,你也可以讓 Trae 幫你整理文件,比如幫你把一個文件夾中的所有文件按照文件類型創建幾個新的文件或者按文件的內容進行分類和清理。
不要覺得自己沒有寫程序的能力或者需求就不接觸Trae這類AI IDE,很多小需求小工具我們日常工作中都需要,AI編程不是非要寫一些大的項目和完善的產品,更可以幫你解決日常工作中非常繁瑣的一些小工序和小事。
慢慢的我們每個人都會有一套自己的AI工具集,畢竟你的需求只有你自己才清楚,你自己寫的工具也不會上一些垃圾功能和收費功能來惡心你。
簡單的試一試,門檻真的很低。
我是幫你正兒八經學AI的歸藏,如果喜歡這篇內容歡迎幫我點贊或者點個喜歡
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.