近段時(shí)間程序員們都在討論Trae，于是我就懷著好奇心去體驗(yàn)了下，體驗(yàn)完以后，先說(shuō)優(yōu)點(diǎn)，我覺(jué)得Trae的確是一個(gè)不錯(cuò)的AI-IDE，如果模型給力的話，操作者只需要一直點(diǎn)下一步就能生成一個(gè)還算可以用的軟件，但AI大模型還需要進(jìn)步！

貪吃蛇游戲

當(dāng)我第一次打開(kāi)Trae的時(shí)候，Trae給我做了一個(gè)新手引導(dǎo)，給了我一個(gè)提示詞“使用 web 技術(shù)棧生成一個(gè)貪吃蛇游戲”，我第一次使用Open AI 3.5的時(shí)候，生成的第一個(gè)項(xiàng)目正好就是貪吃蛇游戲，代碼不過(guò)140行，這是我體驗(yàn)AI大模型的第一步，于是，看到Trae給我的提示詞，我倍感親切，所以，我很高興得就根據(jù)它給我推薦的提示詞去生成代碼。

我以為Trae會(huì)很輕松得完成我交代給它的任務(wù)，畢竟這個(gè)提示詞還是Trae主動(dòng)給我的，我覺(jué)得它應(yīng)該沒(méi)有問(wèn)題才對(duì)，但是結(jié)果出乎我的意料。

讓我眼前一亮的是，Trae會(huì)根據(jù)AI給出的結(jié)果自動(dòng)幫你生成對(duì)應(yīng)的項(xiàng)目文件，我的要求是使用Web技術(shù)生成一個(gè)貪吃蛇游戲，于是Trae就給我生成了對(duì)應(yīng)的HTML、CSS和JavaScript文件，這個(gè)操作的確省了很多事，對(duì)于一些沒(méi)有Web前端基礎(chǔ)，或者基礎(chǔ)很薄弱的程序員來(lái)說(shuō)，可以通過(guò)這個(gè)過(guò)程了解項(xiàng)目組織結(jié)構(gòu)。

但問(wèn)題也隨之而來(lái)，我其實(shí)并不是一個(gè)全職的Web前端，我的主職工作是桌面軟件開(kāi)發(fā)和后端開(kāi)發(fā)，雖然有前端知識(shí)，但是僅限于“會(huì)寫(xiě)”而已。

我以為Trae會(huì)使用原生純HTML+CSS+JavaScript來(lái)幫我完成這份工作，但是實(shí)際上，Trae給我提供的解決方案是使用Vite，這本身沒(méi)有什么問(wèn)題，因?yàn)門rae是基于Visual Studio開(kāi)發(fā)的，因此習(xí)慣上使用NPM命令，這也沒(méi)什么問(wèn)題，但問(wèn)題就在于一個(gè)很簡(jiǎn)單的貪吃蛇游戲，在我根據(jù)引導(dǎo)安裝了一堆依賴項(xiàng)以后，最后發(fā)現(xiàn)我電腦上的Node.Js版本與Vite要求的版本不兼容，且無(wú)法使用NPM命令更新Node.Js，最終，Trae讓我手動(dòng)去下載一個(gè)Node.Js版本。

此時(shí)，從我根據(jù)提示詞生成項(xiàng)目開(kāi)始，已經(jīng)過(guò)去了接近15分鐘了，項(xiàng)目還沒(méi)跑起來(lái)，我已經(jīng)后悔了，我后悔我在最開(kāi)始如果只要求它使用原生寫(xiě)法給我生成一個(gè)貪吃蛇游戲就行了！

所以，最終我還是放棄了使用Vite繼續(xù)下去的念頭，畢竟我只是體驗(yàn)，并不想因?yàn)轶w驗(yàn)一個(gè)AI-IDE導(dǎo)致我電腦里面被下載了一堆我不需要的文件。

最后，我重新組織了下提示詞：“你使用原生HTML+CSS+JavaScript幫我生成一個(gè)貪吃蛇游戲吧”，于是，我在一分鐘之內(nèi)就得到了一個(gè)可以運(yùn)行的Web版貪吃蛇游戲！

對(duì)于開(kāi)始使用Vite生成的游戲，這本身是怪不得Trae的，因?yàn)樗皇且粋€(gè)智能IDE而已，問(wèn)題的主要原因出在AI模型上，因?yàn)槲覜](méi)有說(shuō)要原生HTML代碼，因此，AI就讓我NPM了一堆依賴項(xiàng)。

當(dāng)然了，如果我本身就是一個(gè)Web前端的開(kāi)發(fā)者，或許也會(huì)在一分鐘之內(nèi)就可以得到一個(gè)可以運(yùn)行的游戲！

圖片加水印小程序

我最近正好在學(xué)習(xí)如何編寫(xiě)小程序，所以，我又啟動(dòng)了一個(gè)項(xiàng)目，準(zhǔn)備寫(xiě)一個(gè)圖片加水印的小程序，于是，我還特意畫(huà)了一個(gè)UI草圖，直接把草圖在Trae里面丟給了模型，結(jié)果很快Trae就根據(jù)我畫(huà)的草圖幫我生成了一個(gè)圖片加水印的小程序代碼。

因?yàn)樾〕绦虿荒苤苯釉赥rae里面運(yùn)行，于是我需要把生成的代碼丟到小程序開(kāi)發(fā)的IDE里面去，預(yù)覽了下，效果基本跟我畫(huà)的草圖差不多，但是忽略了很多細(xì)節(jié)性的東西，于是我重新組織了下語(yǔ)言，盡量把我的需求描述清楚。

這一次總算有點(diǎn)像樣子了，但是還是會(huì)有點(diǎn)問(wèn)題，于是，我進(jìn)一步細(xì)化了我的要求，這期間出現(xiàn)了一個(gè)一直無(wú)法解決的問(wèn)題，那就是我這個(gè)小程序底部是有導(dǎo)航欄的，我希望的是點(diǎn)擊導(dǎo)航欄按鈕，導(dǎo)航欄上方會(huì)撐開(kāi)一個(gè)界面，顯示對(duì)應(yīng)的操作內(nèi)容。

但是，就這么一個(gè)簡(jiǎn)單的要求，模型始終沒(méi)有幫我解決問(wèn)題，嘗試了大概有一個(gè)多小時(shí)，我覺(jué)得模型給出的答案可能并不對(duì)，好在我有前端基礎(chǔ)，我仔細(xì)看了下模型給我的代碼，發(fā)現(xiàn)這里面有一個(gè)很簡(jiǎn)單的BUG！

我的這個(gè)小程序的導(dǎo)航欄按鈕內(nèi)容是由圖標(biāo)和文字組成的，也就是外層一個(gè)容器里面包著兩個(gè)控件。

因?yàn)槲颐枋龅男枨笫屈c(diǎn)擊導(dǎo)航欄按鈕顯示一個(gè)撐開(kāi)的界面，因此，模型的理解就是只有按鈕被點(diǎn)擊了，才需要撐開(kāi)一個(gè)界面，但是，實(shí)際上圖標(biāo)和文字控件也是包含在按鈕之內(nèi)的，之所以一直有問(wèn)題，就是因?yàn)槲以贒ebug模式下點(diǎn)擊按鈕，經(jīng)常點(diǎn)擊的是圖標(biāo)和文字，而模型給出的代碼只監(jiān)聽(tīng)按鈕本身的點(diǎn)擊事件，所以，點(diǎn)擊就沒(méi)有效果了！

我嘗試引導(dǎo)模型去糾正這個(gè)問(wèn)題，模型立馬就承認(rèn)了它的“考慮不周”并且給了我解決方案，但是，收效甚微！

最后，還是我直接把按鈕內(nèi)的所有控件的Glass全部修改成一樣才解決問(wèn)題。

就這樣，這個(gè)圖片加水印的小程序，我通過(guò)Trae寫(xiě)了一下午，才僅僅實(shí)現(xiàn)了部分UI需求和操作需求，我很懷疑，如果我是一個(gè)專業(yè)的前端程序員，會(huì)不會(huì)因?yàn)槟Ｐ筒焕斫馕业男枨蠖荒Ｐ捅漂偅?/p>

因?yàn)樵诮酉聛?lái)的三天內(nèi)，我又針對(duì)“給圖片加水印”這個(gè)需求繼續(xù)使用Trae進(jìn)行拓展，但是還是因?yàn)槟Ｐ偷脑?，?dǎo)致我的進(jìn)度總是卡在一個(gè)問(wèn)題上，最后我還是通過(guò)自己分析解決的問(wèn)題，最終耗時(shí)四天，我才做出了一個(gè)滿足基本要求的圖片加水印的小程序。

當(dāng)然，這個(gè)小程序它還不太完整！

從這件事情能看出來(lái)，拋開(kāi)IDE不談，Trae所集成的AI大模型還是逃不出在一個(gè)問(wèn)題上反復(fù)折騰你的這個(gè)AI通病！

其實(shí)，我覺(jué)得整個(gè)過(guò)程中Trae表現(xiàn)的都沒(méi)有問(wèn)題，但是，Trae畢竟只是一個(gè)IDE，它只能決策動(dòng)作，但決策不了代碼，具體的代碼還是需要模型經(jīng)過(guò)推理給出，然后Trae再根據(jù)模型給出的結(jié)果來(lái)推斷下一步應(yīng)該做什么動(dòng)作，比如說(shuō)覆蓋某個(gè)代碼文件的代碼。

因此，最后我整個(gè)體驗(yàn)下來(lái)，感覺(jué)還是有些失落，失落的原因是現(xiàn)在的大模型對(duì)于問(wèn)題的理解還是有限的，如果大模型給出來(lái)的代碼無(wú)法保證準(zhǔn)確度，對(duì)于問(wèn)題的理解的準(zhǔn)確度也不高的話，其實(shí)我覺(jué)得Trae這樣的IDE存在的意義就會(huì)被弱化。

總結(jié)

經(jīng)過(guò)接近四天的體驗(yàn)，我覺(jué)得Trae至少跟Visual Studio（非Visual Studio Code）對(duì)于AI的應(yīng)用是不相上下的，他們都內(nèi)置了AI大模型，區(qū)別就是，Visual Studio內(nèi)置的是GPT4.0、Claude 3.7 Sonnet這類國(guó)外AI大模型，而Trae則內(nèi)置的是豆包和DeepSeek這類國(guó)內(nèi)大模型，而且都可以自動(dòng)生成代碼文件以及選中代碼進(jìn)行分析，經(jīng)過(guò)幾天的體驗(yàn)，我覺(jué)得Visual Studio和Trae的體驗(yàn)感是不相伯仲的！

但Trae的優(yōu)勢(shì)更明顯，因?yàn)樗赓M(fèi)！而，Trae還允許用戶添加自定義模型！對(duì)于一些私有化部署的大模型比較友好！ChatGPT等國(guó)外的AI模型能不能添加，這個(gè)我沒(méi)試過(guò)，暫時(shí)不做討論！

我只希望現(xiàn)在的大模型能夠更加給力一點(diǎn)，雖然網(wǎng)上對(duì)于各種國(guó)內(nèi)外AI大模型的吹噓至今不絕于耳，但是，真正令一個(gè)程序員痛苦的就是大模型在一個(gè)問(wèn)題上反復(fù)來(lái)回折磨你。

只能說(shuō)，Trae被它所集成的大模型給拖了后腿！這不是國(guó)產(chǎn)AI大模型的問(wèn)題，而是我所用到的幾乎所有大模型都會(huì)有這個(gè)問(wèn)題！