StackBlitz 最近推出了一個名爲 Bolt.new 的創新工具,它是一個基於瀏覽器的 AI 開發工具,爲 開發者、項目經理或設計師 提供了 無需本地設置即可在瀏覽器中構建、運行、編輯和部署全棧應用程序的能力。本文將詳細介紹 Bolt.new 的相關信息,幫助您全面瞭解這款產品。

social_preview_index.jpg

Bolt.new 簡介

Bolt.new 是一個人工智能驅動的網絡開發代理,允許您直接從瀏覽器中提示、運行、編輯和部署全棧應用程序,無需本地設置。它集成了尖端的人工智能模型和由 StackBlitz 的 WebContainers 提供支持的瀏覽器開發環境。這使得您可以:

  • 安裝和運行 npm 工具和庫(如 Vite、Next.js 等)
  • 運行 Node.js 服務器
  • 與第三方 API 交互
  • 從聊天中部署到生產環境
  • 通過 URL 共享您的工作

與傳統開發環境不同,Bolt.new 賦予 AI 模型對整個環境的完全控制權,包括文件系統、節點服務器、包管理器、終端和瀏覽器控制檯。這使得 AI 代理能夠處理從創建到部署的整個應用程序生命週期。

功能亮點

  • 全棧瀏覽器開發:在瀏覽器中集成了 AI 模型和開發環境。
  • 安裝和運行 npm 工具:支持安裝和運行各種流行的 JavaScript 框架和庫。
  • Node.js 服務器運行:可以直接在瀏覽器中運行 Node.js 服務器。
  • 第三方 API 交互:允許與第三方 API 進行交互。
  • 生產部署:可以直接從聊天中部署到生產環境。
  • 工作共享:通過 URL 共享您的工作,便於團隊協作和演示。
  • AI 環境控制:AI 模型可以控制整個開發環境,包括文件系統和服務器。

適用場景

  1. 快速原型開發:開發者可以使用 Bolt.new 快速搭建原型並進行迭代。
  2. 團隊協作:團隊成員可以共享 URL,實時查看和編輯項目狀態。
  3. 教育和學習:學生和開發者可以通過 Bolt.new 在線學習和實踐全棧開發。

使用教程

  1. 訪問產品官網:打開瀏覽器,訪問 Bolt.new 的官方網站。

    截屏2024-10-09 下午3.54.33.png

  2. 註冊和登錄:如果需要更多 AI 令牌或私有項目,可以在設置中購買付費訂閱。

    截屏2024-10-09 下午3.53.36.png

  3. 創建新項目:點擊創建新項目,輸入項目名稱和描述。

    截屏2024-10-09 下午3.53.36.png

  4. 選擇技術棧:根據需要選擇特定的框架或庫。

    截屏2024-10-09 下午3.53.36.png

  5. 編寫代碼:在瀏覽器中直接編寫和編輯代碼。

    截屏2024-10-09 下午3.58.56.png

  6. 安裝依賴:使用內置的包管理器安裝所需的 npm 依賴。
  7. 運行和測試:運行項目並進行測試,確保一切按預期工作。

    截屏2024-10-09 下午3.58.03.png

  8. 部署應用:通過聊天命令部署應用到生產環境。
  9. 分享項目:生成項目 URL,與他人共享您的工作。

結語

Bolt.new 以其 無需本地設置即可進行全棧開發的核心優勢, 在 Web 開發領域中展現出巨大潛力。瞭解更多關於 Bolt.new 如何改變開發體驗,請點擊訪問 Bolt.new 官網 瞭解更多詳情。