Bolt.new 可讓您直接從瀏覽器編碼、運行、編輯和部署應用程序,無需進行本地設定!憑藉尖端的人工智慧和 StackBlitz 的 WebContainers 的無縫集成,它提供了獨特的開發體驗。

  • 🛠️ 瀏覽器中的全端:運行 npm 工具、Node.js 伺服器、與 API 互動並進行部署——所有這些都透過聊天進行。
  • ⚙️ AI + 環境控制:AI 不只是建議代碼;它還提供建議。它管理您的整個開發環境! 無論您是開發人員還是只是好奇,這個開源專案都適合您。

了解更多關於 Bolt.new - AI 寫程式工具

我想大家都在 X 以及 Youtube 上看了許多有關 AI 程式工具有多神的案例?

🤯 我用 AI 在 5 分鐘內建立了 SaaS 產品(無需編碼)。

Bolt.new 實在是太瘋狂了

以下是 2025 年利用無程式碼 AI 工具賺錢的 5 種方式:

  1. 克隆和改進現有產品(2k-5k/月)
  2. 為創始人建立 MVP(每個項目 2.5k+ 美元)
  3. 翻轉軟體產品 ($2k-10k/ flip)
  4. 銷售模板(每個 50-500 美元)
  5. 推出微型 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 等常用編輯器,限制了使用者的靈活度。

Bolt.new 的確可以在 10 分鐘內幫我們完成一些簡單的 UI Prototype APP, 包括 Firebase 登入, 以及互動的操作,但就僅此而已,如需更進階的設定以及微調,我仍是會使用 Github Copilot 或是 Cursur AI 完成

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 在生成應用程式上速度稍慢,但其穩定性和靈活度使其成為進階開發的理想選擇。特別適合希望自行調整和控制程式碼的開發者。

Cursor AI 顛覆程式開發!零基礎也能快速打造App
Cursor是一款強大的AI工具,能幫助你快速生成程式碼,實現你的App創意。即使你是程式開發新手,也能輕鬆上手


市場上的主流 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.

GitHub - coleam00/bolt.new-any-llm: Prompt, run, edit, and deploy full-stack web applications using any LLM you want!
Prompt, run, edit, and deploy full-stack web applications using any LLM you want! - coleam00/bolt.new-any-llm

結論:最佳 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

  1. 什麼是 Bolt.new?
    • Bolt.new 是一款基於 AI 的全端開發工具,允許用戶直接從瀏覽器編碼、運行、編輯和部署應用程序,無需進行本地設定。
  2. Bolt.new 的核心功能有哪些?
    • 它支持生成和編輯程式碼,運行 Node.js 伺服器,使用第三方 API 並部署至生產環境。此外,還可以使用 ChatGPT 和 StackBlitz 的 WebContainers 集成。
  3. 如何比較 Bolt.new 與其他 AI 開發工具?
    • 與 ChatGPT 和 Claude 相比,Bolt.new 提供了類似 VS Code 的程式碼編輯介面和即時預覽功能,使開發過程更加直觀。相比之下,它在穩定性和文件管理方面尚需改進。
  4. 使用 Bolt.new 的注意事項有哪些?
    • 在使用 Bolt.new 生成程式碼時,可能需要手動安裝 npm 套件或創建 package.json 文件。系統生成的程式碼可能會遺漏導入步驟。
  5. Bolt.new 適合什麼樣的開發人員?
    • 如果用戶尋求快速 UI 原型創建,Bolt.new 是一個不錯的選擇。然而,對於需要更複雜配置和精細調整的應用,建議使用諸如 GitHub Copilot 或 Cursor AI 這類工具。
Share this post