Bolt.new 可讓您直接從瀏覽器編碼、運行、編輯和部署應用程序,無需進行本地設定!憑藉尖端的人工智慧和 StackBlitz 的 WebContainers 的無縫集成,它提供了獨特的開發體驗。
- 🛠️ 瀏覽器中的全端:運行 npm 工具、Node.js 伺服器、與 API 互動並進行部署——所有這些都透過聊天進行。
- ⚙️ AI + 環境控制:AI 不只是建議代碼;它還提供建議。它管理您的整個開發環境! 無論您是開發人員還是只是好奇,這個開源專案都適合您。
了解更多關於 Bolt.new - AI 寫程式工具
我想大家都在 X 以及 Youtube 上看了許多有關 AI 程式工具有多神的案例?
🤯 我用 AI 在 5 分鐘內建立了 SaaS 產品(無需編碼)。
Bolt.new 實在是太瘋狂了
以下是 2025 年利用無程式碼 AI 工具賺錢的 5 種方式:
- 克隆和改進現有產品(2k-5k/月)
- 為創始人建立 MVP(每個項目 2.5k+ 美元)
- 翻轉軟體產品 ($2k-10k/ flip)
- 銷售模板(每個 50-500 美元)
- 推出微型 SaaS (每個使用者 $5-100/月)
寫程式的時代已經結束。創意時代已來臨...
但我總是對這樣的貼文抱持的懷疑的態度, 以下是我們實際使用 Bolt.new 以及比較我們一些其他 AI 編碼工具使用的心得。
Bolt.new 的核心功能與使用體驗
Bolt.new 不僅支持生成和編輯程式碼,還能運行 Node.js 伺服器、使用第三方 API 並部署至生產環境。在開始使用 Bolt.new 時,用戶可以直接輸入指令,比如“建立一個使用 Next.js 和 Tailwind CSS 的房地產網站”,並要求添加展示台灣實價登陸的價格的範例資料。Bolt.new 隨即生成相應的程式碼並預覽網站外觀,這大幅縮短了從指令到成品的過程,對於剛入門的開發者而言,無疑是非常便捷的功能。
和 ChatGPT, Claude 的比較:Bolt.new 如何表現?
與 ChatGPT 和 Claude 相比,Bolt.new 提供了類似 VS Code 的程式碼編輯介面和即時預覽功能,這讓開發過程更加直觀。終端顯示區域也內建了如“npm run dev”等開發命令,讓用戶可以直接在瀏覽器中進行開發。然而,與 Cursor 相比,Bolt.new 雖然具備強大的即時編輯和錯誤自動修正功能,但在文件管理和錯誤排查方面仍有待加強,特別是對於一些較複雜的專案來說,Bolt.new 的穩定性和反應速度稍顯不足。
Bolt.new 是否能取代 Cursor.ai 和 v0?深入解析 AI 驅動的程式設計工具
隨著 AI 技術的蓬勃發展,各類應用程式生成器層出不窮,Bolt.new 便是其中之一。這款工具號稱能讓開發者透過簡單指令來生成完整的應用程式,甚至可以重現現有的網站功能。然而,這款工具真的能挑戰 Cursor.ai 和 v0 的地位嗎?讓我們一起來深入探討。
Bolt.new 特色與功能簡介
在 Bolt.new 上,開發者可以透過輸入提示語來生成應用程式,並可選擇樣式和加入圖片生成器,這讓 Bolt.new 具備一定的便利性。例如,我測試了建立了一個 繁體中文/ 簡體中文轉換的插件,並要求工具使用 Next.js 來進行編碼。值得注意的是,Bolt.new 背後依賴 StackBlitz 來生成程式碼,這意味著用戶無需在本地端執行程式,而是在網頁環境中編寫,直接在瀏覽器內進行程式的撰寫與調整。
體驗 Bolt.new 的流程:從生成應用到除錯
雖然 Bolt.new 的生成速度不錯,但在真實測試過程中仍面臨一些挑戰。例如,Bolt.new 生成的程式碼中並未包含 npm 套件的安裝,甚至也沒有建立 package.json 文件,這導致執行失敗。除此之外,工具生成程式碼時常會遺漏一些重要的導入步驟,使得用戶需要手動進行調整。
此外,當我要求 Bolt.new 呼叫 OpenAI 來生成圖片時,系統雖然能夠自動補全錯誤通知和載入指示,但在進一步添加 SQL 資料庫等複雜功能時,Bolt.new 顯得力不從心。
比較:Bolt.new 與 Cursor.ai 的差異
相較於 Cursor.ai,Bolt.new 在某些特定功能上顯得更優,例如 Bolt.new 能夠自動搬移和重構程式碼文件,不過 Cursor.ai 則提供更完整的程式碼檢視功能,方便用戶掌握程式碼的變更。Cursor.ai 的一個優勢是能分步完成任務,而 Bolt.new 在一次性執行多重指令時容易失誤,使得用戶不得不頻繁修復錯誤。
使用者體驗的缺陷與建議
在 Bolt.new 中,開發過程完全依賴於網頁環境,這對一些習慣在本地編寫程式的開發者來說並不理想。由於 Bolt.new 並未提供版本差異檢視功能,開發者無法掌握每次變更的具體內容,使得大型程式專案的維護和排錯變得更加困難。
此外,Bolt.new 使用了舊版 Next.js 和其他過時的套件,增加了排錯的時間成本。與此同時,該工具的終端介面也缺乏 Vim、Nano 等常用編輯器,限制了使用者的靈活度。
Cursor vs. Bolt vs. Replit vs. v0:最佳 AI 程式工具對決
近年來,隨著 AI 技術進步,越來越多 AI 程式設計工具問世,Cursor AI 成為我常用的編碼輔助工具。然而,Bolt.new、Replit、v0 等新興工具也開始崛起,號稱可以加快程式開發速度,甚至能從零開始構建整個應用程式。以下是我們針對我們熟悉的 AI 程式工具的比較。
Bolt.new 初探:能夠快速生成程式碼與 Prototype,但穩定性欠佳
首先,我們在 Bolt.new 上進行測試,要求其建立一個 Next.js 的 Chrome 插件工具,包含登入、輸入、簡繁轉換功能。Bolt.new 能夠生成程式碼文件,並且設計了類似 VS Code 的介面,可以即時預覽開發效果。這種直觀的操作體驗讓人印象深刻,但在真實使用過程中,Bolt.new 經常遇到錯誤,尤其是涉及 Next.js 的設定時容易出現混亂。在一些基礎功能上,它的效能不錯,例如發文成功後顯示通知,但在進階配置方面,常出現未找到模組或憑證的錯誤,而且解決方法並不總是有效。
Bolt.new 的免費使用方案也限制較多,使用量很快就會超出免費額度。此外,它每次都會重寫整個文件而非進行增量更新,這使得修正錯誤的過程變得冗長。雖然該工具在設計上具有吸引力,但在穩定性方面仍有改善空間。
v0 的挑戰:檔案結構缺失,難以除錯
接著測試 v0,它可以生成程式碼並展示結果,但缺少完整的檔案結構檢視,這讓錯誤排查變得困難。使用過程中,我無法查看程式的終端或控制台錯誤,無法清晰掌控程式的結構,使得解決問題變得極為不便。v0 使用 ChatGPT 模型來生成程式碼,與其他工具相似,但該工具的檔案管理顯得不足。
Replit 的亮點:穩定運行,具備 Python 支援
Replit 在這次測試中表現最佳,生成了一個基本的部落格平台,並提供了檔案結構視圖,使得調整程式碼更加便利。雖然 Replit 不支援 Next.js,但它使用 Flask 與原生 JavaScript 替代,讓應用程式順利運行。最有趣的是,Replit 能夠自動偵測錯誤並嘗試修復,這讓錯誤處理的體驗優於其他工具。Replit 的主要缺點在於僅支援 Python 及相關技術,但若對這些語言熟悉,該工具確實能加快開發流程。
Cursor 的全面性:強大的排錯功能與高自訂性
Cursor 是四個工具中最全面的選擇。它提供了完整的程式碼編輯功能,包括檔案結構檢視、終端介面以及錯誤控制台,讓使用者能夠深入掌握程式碼並進行細微的調整。雖然 Cursor 在生成應用程式上速度稍慢,但其穩定性和靈活度使其成為進階開發的理想選擇。特別適合希望自行調整和控制程式碼的開發者。
市場上的主流 AI 程式工具比較
工具名稱 | 描述 | 主要功能 | 價格方案 | 募資金額 |
---|---|---|---|---|
GitHub Copilot | 由 OpenAI 支援的領先 AI 編碼助手 | - 多語言支援 - IDE 整合 - 即時建議 - 程式碼自動完成 |
- 個人版:每月 \(10 - 商業版:每月 \)19 - 企業版:每月 $39 |
不適用 |
Codeium | 免費的 AI 驅動程式碼加速工具包 | - 支援 20+ 程式語言 - IDE 整合 - 即時建議 |
- 個人版免費 - 團隊版:每月 $12 |
2.43億美元 |
Cursor | 基於 VS Code 的 AI 驅動 IDE | - 程式碼生成 - 聊天介面 - 多語言支援 |
- 免費版本 - 專業版:每月 $20 |
6000萬美元 |
Tabnine | 深度學習程式碼完成工具 | - 支援 25+ 程式語言 - IDE 整合 - 團隊協作 |
每席位起價 $12/月 | 不適用 |
v0 by Vercel | 生成式介面系統 | - React 程式碼生成 - Tailwind CSS 整合 - UI 元件生成 |
每月 $20 | 不適用 |
bolt.new | 全端網頁應用程式生成器 | - 完整應用部署 - React/TypeScript 支援 - 一鍵部署 |
提供免費方案 | 不適用 |
Amazon CodeWhisperer | AI 程式碼建議和安全掃描 | - 支援 15+ 程式語言 - 安全掃描 - IDE 整合 |
- 個人版免費 - 團隊版:每月 $19 |
不適用 |
Claude | Anthropic 開發的 AI 程式碼助手 | - 自然語言轉程式碼 - 多語言支援 - 程式碼解釋 |
- 免費版本 - 專業版:每月 $20 |
不適用 |
CodeT5 | 開源 AI 程式碼生成器 | - 多語言支援 - 線上/離線版本 - 程式碼文檔 |
免費 | 不適用 |
Devin | Cognition Labs 開發的 AI 程式設計機器人 | - 自主編碼 - 自學能力 - 專案管理 |
測試版(等候名單) | 不適用 |
Bolt.new 的優缺點
整體而言,Bolt.new 在簡化生成過程和快速搭建 UI 上表現不錯,但在進階程式調整上顯得不足,尤其在資料庫與伺服器端操作方面。若用戶追求的是基本的 UI 生成,Bolt.new 是一個值得一試的工具,但若涉及到更複雜的應用程式,Cursor.ai 仍具更高的實用性與靈活性的 AI 工具。
如果你對 Bolt.new 的發展有興趣的話,可以到 Cole Medin fork 的這個專案,他透過他的 Channel 聚集了許多對於 AI Coding 工具有興趣的粉絲,並且啟動了 Bolt.new-Any-LLm 這個專案想要打造更佳版本的 Bolt.new.
結論:最佳 AI 編碼工具選擇建議
在這四款 AI 工具中,若你尋求快速、穩定的解決方案並願意支付額外費用,Replit 是值得考慮的選擇。但若你是進階使用者,重視程式碼的完全控制並希望進行更多的自訂與配置,Cursor 會是更好的選擇。Bolt.new 和 v0 則在使用體驗和穩定性上仍有提升空間。
隨著 AI 技術進步,VC 的大量投資。我相近這些 AI 工具將會用驚人的速度不斷改善,但目前它們尚無法完全取代工程師的編碼能力。目前我推薦的 AI 寫程式工具仍是 Github Copilot 以及 Cursor AI。
如果對於 AI 工具, LLM 開發有興趣的話可以前往我們的 AI 開發 Blog (https://developer.tenten.co/) 訂閱電子報,這樣就不會錯過關於 AI 程式開發的最新洞察。
Bolt.new FAQ
- 什麼是 Bolt.new?
- Bolt.new 是一款基於 AI 的全端開發工具,允許用戶直接從瀏覽器編碼、運行、編輯和部署應用程序,無需進行本地設定。
- Bolt.new 的核心功能有哪些?
- 它支持生成和編輯程式碼,運行 Node.js 伺服器,使用第三方 API 並部署至生產環境。此外,還可以使用 ChatGPT 和 StackBlitz 的 WebContainers 集成。
- 如何比較 Bolt.new 與其他 AI 開發工具?
- 與 ChatGPT 和 Claude 相比,Bolt.new 提供了類似 VS Code 的程式碼編輯介面和即時預覽功能,使開發過程更加直觀。相比之下,它在穩定性和文件管理方面尚需改進。
- 使用 Bolt.new 的注意事項有哪些?
- 在使用 Bolt.new 生成程式碼時,可能需要手動安裝 npm 套件或創建 package.json 文件。系統生成的程式碼可能會遺漏導入步驟。
- Bolt.new 適合什麼樣的開發人員?
- 如果用戶尋求快速 UI 原型創建,Bolt.new 是一個不錯的選擇。然而,對於需要更複雜配置和精細調整的應用,建議使用諸如 GitHub Copilot 或 Cursor AI 這類工具。