據多方消息，OpenAI正計劃以約30億美元收購AI編程工具公司Windsurf，將成為OpenAI迄今為止最大一筆收購。

從今年開始，AI IDE領域的新聞不斷。

AI編程正處于時代風口，不懂代碼的友友們卻陷入了無盡的焦慮。

其實真沒必要太擔心。

AI的升級進化，都是為了讓更多人更好的運用AI。

比如我，一個文科生，一行代碼都看不懂，僅靠和AI對話，一個月前也上線了我的第一款小程序——“屎記demo”。

今天，“屎記demo”2.0版本也來了。

對比之前，我做了一些頁面的優化，還內置了一個小游戲，??的時候可以打發時間~

成果展示：

不得不說，AI編程真的太牛了！??！

雖然市面上有很多這種健康類App，但要么功能太復雜，要么就是充斥著各種廣告和付費項目。

如果你也跟我一樣，只想有一個滿足自用、簡單、無廣的小工具，真的可以試試自己手搓一個！

01：前期準備

雖然AI編程工具很多、很強大，但是實際用起來才發現，有的需要科學上網，有的不僅要會員，費用還不低。

對于像我這樣的小白來說，學習成本都太高了。

畢竟我們只是想做一個自用的小程序，如果還要花錢，就有違初心了。

對比無數產品之后，最終我選擇用Trae。

官網：Trae

它不需要科學上網，全功能免費??！

純中文界面，對我們0基礎小白來說非常友好。

內置DeepSeek-R1、DeepSeek-V3、DeepSeek-V3-0324、Doubao-1.5-pro大模型，免費不限量使用。

我們還可以通過API配置云端的模型資源。

熱門的Claude 3.7 Sonnet，最近上線的GPT-4.1模型，都能簡單調用。

我們進入Trae的官網，跟著提示一步步下載安裝Trae IDE。

習慣用傳統IDE的友友們，也可以直接加裝Trae插件。

點擊打開文件夾，選擇我們的小程序代碼所在的文件夾。

我們只需要在輸入框提出需求，就可以完成代碼的生成、修改。

為了更直觀地看到我們的優化過程，我們打開微信開發者工具，導入小程序代碼文件。

我們在Trae中提交需求、更新代碼時，可以在這個窗口實時預覽更新后的效果。

一般來說代碼更新，預覽窗口里就同步更新啦，如果代碼更新了畫面并沒有變化，可以手動點一下編譯。

如果你是做網頁，可以省略這一步，Trae內置的Webview可以直接預覽網頁。

02：優化主題界面

這里我選擇的是Trae內置的DeepSeek-V3-0324模型。

我們直接提問@Builder：你可以看懂這個小程序嗎？

在它做出分析和解答后，可以讓它給出一些小程序的優化建議。

上個版本的Trae有Chat和Builder兩種模式，Chat模式可以理解當前項目中的上下文，一點點精準修改。Builder模式更適合從0到1開發，它會調用不同的工具不斷滿足我們的需求。

昨天的更新，直接融合了兩種模式，我們只需要@Builder 說出需求，操作上更簡單了。

另一個@Build with MCP ，可以靈活使用MCP工具，擴展它的能力。

根據@Builder 的建議，我們提出需求：根據布里斯托??分類法，把??分為7種形態，在每次計時完成之后，選擇??的狀態，并給出一些提醒。

不到1分鐘，它就會自動生成代碼，我們只需要點接受就行。

在它生成代碼時，我發現它會自動參考上下文文件，你也可以在左下角自行添加需要的Doc文件或者網頁。

我們繼續提出需求：做一套可以自由切換的主題。

在微信開發者工具同步編譯之后，調試器可能會報錯。

不用擔心，我們只需要把紅色的錯誤提示部分復制粘貼給Trae，它就會幫我們修改。

大家在做的時候不要害怕報錯，AI會一一步步幫你修改好。

如果提出一個需求后，生成的結果完全不符合你的心意，還可以一鍵回退到某次對話前。

真的對新手太友好了！

最后我們讓它給我們的頁面加上了小動畫，當你點擊開始計時時，熊貓的狀態就會改變。

計時狀態下，會有一只大熊貓陪你一起坐在馬桶上。

用AI開發小工具，真的可以不用敲一行代碼。小白狂喜！

03：新增小游戲模塊

當我實測了這個小程序之后，發現使用時純計時有點太無聊了。

于是，我準備給它再加入一個解壓的小游戲。計時過程中可以解解悶。

我們繼續發送需求：在熊貓圖片下面做一個按鈕，叫磚塊破壞王。

它好像沒理解熊貓圖片的意思，最后在頁面的最下方生成了一個鉆塊破壞王的按鈕。

不過也沒關系，不影響使用就行。

我們繼續提出需求，讓它實現小游戲的功能：做一個類似磚塊破壞王的游戲，當點擊磚塊破壞王按鈕時，就會跳轉到這個游戲。

“我希望游戲畫面居中”

“給小游戲加上一個積分器”

“跳轉時重新開始按鈕顯示為開始游戲，點擊后游戲開始運行，然后按鈕顯示為重新開始”

…

我們在對話中一點點優化小程序的功能。

最后的成品就是大家最開始看到的樣子啦。

我們在微信開發者工具中，點擊上傳，在網頁端提交審核，等待審核通過，就可以正式發布。

04：一點分享

這次Trae的新功能自定義智能體和MCP，雖然在升級小程序的時候沒有用到，我覺得還是要給大家說一下，真的很強！

我們可以添加自定義智能體，可以讓Trae化身各類專家，幫你解決代碼問題。

例如，我需要一個編程專家，精準定位代碼問題并幫我解決，可以直接通過提示詞創建：

它內置的4種工具，和@Builder 一樣可以讀取、寫入、運行代碼，并提供預覽。還可以上網搜索信息。

我們還可以搭配MCP，讓AI自由調用各種外部的工具。這就讓Trae的能力更多元，更像是一整個生態系統。

比如，我想將小程序的更新日記自動推送到GitHub，我們可以在MCP市場中添加GitHub，它就能幫我實現這個功能。

點擊GitHub后的“+”，輸入Personal Access Token，把原始配置的代碼對照下列標紅位置處改動一下：

GitHub MCP Severs就配置成功啦。

我們可以在編程專家智能體中直接勾選添加它。

回到對話界面，這次我們@編程專家 發送：自動總結這個小程序的變更，總結成更新日志自動push到github，我的我的GitHub用戶名是“Koi0101-max”，倉庫名稱是“-demo”。

如果你嘗試完市場中的各種MCP服務，發現都不太適合自己的項目，你還可以自定義添加。

對于我這樣的0基礎小白，Trae就像一位隨時待命的“程序員搭子”，不僅理解你的需求，還能快速響應，產出的效果也不錯！

它是真的能幫我們做到0代碼開發。

如果你現在剛好有一個創意，就不要只是停留在想法的層面啦，試著用Trae把它變成現實吧。