最近真的是越來越多強大的 AI 寫程式工具,除了我們先前介紹過的 Cursor、LlamaCoder、和 Websim.ai,最近又發現到另一個也很好用的 v0.dev,同樣能做到只需用自然語言 + 一句話,AI 就會幫你製作出該 App 應用程式,更棒的地方在,除了能將程式碼下載下來之外,還能一鍵線上部屬,意味著你可以分享給別人使用。
v0.dev 用一句話輕鬆製作出你的 App
v0.dev 是由 Vercel 推出的線上 AI 聊天機器人服務,跟大多同類型工具一樣,有免費版和付費版二種,免費版有提供一定的 Credit 點數讓你使用,而且每月還會更新。
目前不知道是不是剛推出沒多久關係,我測試聊天不會扣點數,因此可以一直聊不受限制。
你不需要安裝任何東西,打開網頁並登入帳號就能開始使用。
點擊上方連結進到 v0.dev 網站後,就在聊天視窗中輸入你要建立的 App 描述,一開始沒太多想法沒關係,就跟它講你想要建立的 App 有哪些功能,像我輸入「建立一個讓我能記錄待辦事項、創建靈感、隨手筆記的軟體」。另外下方還有上傳檔案、增加到 Project 專案的選項:
輸入後,它就會開始創建這款 App 應用程式,因為我沒有要求它用什麼方式製作,因此它會自己隨機選擇最好的方式,像我這款它用 React 和 Shadcn UI 組件實現。右邊會顯示程式碼和 App 的畫面預覽(Preview),意味著你不需要下載或拷貝程式碼手動測試,直接在對話框就能看到效果:
不到一分鐘的時間,AI 就幫我完成這款 App,完全不用懂任何程式碼,會撰寫任何程式碼,一切都交由 AI 完成。而且一次就成功,我要求的待辦事項、創意靈感、隨手筆記都有:
而且待辦事項它知道要製作成可勾選的格式,這點真的不錯:
隨手筆記我測試輸入內容,就變成純記錄文字:
不過我注意到,我輸入後的內容沒辦法刪除和修改,因此我就再跟 AI 講幫我補上,一樣用自然語言說即可:
修改好後測試也成功,每一筆內容都有修改和刪除功能,而且還設計成圖案,質感很不錯:
當 App 寫好後,你想要分享給其他人試用,部屬在網路上,就按右上角的 Share 按鈕,選擇 Publish:
會獲得一個專屬網址,將這個網址分享給其他人:
對方打開就會進到 App 程式裡,這是我示範的程式,只有短短幾句話就做完這 App,所以沒有什麼功能,有興趣的人還是可以玩玩看:
當然也能將程式碼檔案下載下來:
上傳截圖,AI 就會幫你製作出這個網頁
vo.dev 支援圖片上傳,因此你如果有看到不錯的網頁或畫面,想當成自己 App 畫面,就能透過上傳截圖方式,要求 AI 製作出類似的內容。
像我擷取 Threads 的網頁版畫面:
截圖上傳之後,我要求它製作一樣的網頁:
識別完成後,它就會開始撰寫:
一樣不用一分鐘,成品就做好了,雖然沒有 100% 一樣,但整個畫面還蠻類似的,而且它也知道這是社群網頁,所以上方有輸入動態消息的框框,不過我測試沒功能:
所以我再要求它添加能夠發佈新貼文,並且具備記憶功能,下次打開資料不會不見:
修改好後我測試成功:
再來我繼續要求添加新功能,像是動態消息輸入完後,我可以按鍵盤 Enter 直接發佈,另外還有更換大頭貼:
改好後測試果然真的就有,而且它也知道要加入我能選擇圖片的功能:
設定成功:
換好之後,大頭貼就會套用:
不得不說 0v.dev 的 AI 模型還蠻聰明,很多事情它都會事先想到,因此我不用特別提,它會自動幫我加上,這非常不錯。
另外我測試這二個程式,完全沒有失敗過,每次修改每次都成功,這點也讓我有點驚艷。
帳號後台的 Biliing 可以查看剩餘 Credits 點數,目前似乎無論聊多少,都不會扣點數: