引   言  

大家好，我是老金，一個對新科技充滿熱情的產(chǎn)品汪。雖然我不懂代碼，但這并不妨礙我探索 AI 世界的奧秘。

最近，科技圈被一個名為 Bolt.new 的工具刷屏了。作為一個不懂編程的產(chǎn)品設(shè)計師，我對這種能讓我“零代碼”實(shí)現(xiàn)想法的神器簡直愛不釋手。今天，我就來和大家分享一下我使用 Bolt.new 的真實(shí)體驗(yàn)，以及它是如何改變我的工作方式的。

先說重點(diǎn)：目前免費(fèi)！目前免費(fèi)！目前免費(fèi)！

在 Bolt.new 出現(xiàn)之前，大家對 Cursor 這款 AI 編程助手贊譽(yù)有加。但是，對于像我這樣不懂代碼的人來說，Cursor 的使用門檻還是有點(diǎn)高：

• 需要下載安裝軟件：對于電腦小白來說，下載和安裝各種軟件就是一種折磨。

• 依賴 VS Code：還要額外安裝和配置 VS Code，步驟繁瑣。

• 模塊缺失需手動安裝：遇到缺少的模塊，還得自己搜索解決方案。

• 手動部署代碼：代碼寫好了，還要研究如何部署上線，真是讓人頭大。

 Bolt.new：為非程序員量身打造 

那么，Bolt.new 到底有多神奇呢？簡單來說，它就是一款基于瀏覽器的 AI 全棧開發(fā)工具。你無需下載任何軟件，打開瀏覽器就能開始創(chuàng)作。而且，它還能一鍵部署，讓你的項目瞬間上線。

1. 零安裝，開箱即用：只需訪問 Bolt.new 官網(wǎng)，登錄后即可開始使用，無需任何安裝。

2. 對話式開發(fā)：通過輸入自然語言描述需求，Bolt.new 會自動生成代碼。對于不懂編程的人來說，這簡直就是福音。

3. 一鍵部署：完成項目后，點(diǎn)擊“Deploy”按鈕，即可將項目部署到線上，生成可訪問的鏈接。

4. 自動同步 GitHub：支持使用 GitHub 賬號登錄，代碼自動同步到你的倉庫，方便管理和分享。

作為一名產(chǎn)品設(shè)計師，我經(jīng)常需要向團(tuán)隊展示概念和想法。以前，我只能畫原型圖或者寫文檔，但現(xiàn)在有了 Bolt.new，我可以快速創(chuàng)建一個真實(shí)的 Demo。

直接打開官網(wǎng)進(jìn)入首頁如下，左側(cè)有伸縮欄，鼠標(biāo)劃過去就出現(xiàn)了。

中間直接輸入提示詞，并利用強(qiáng)化提示詞進(jìn)行強(qiáng)化，還可以增加附件，如圖片等等。

然后會進(jìn)入代碼頁面，它就會噼里啪啦開始寫了，速度非?？?。

右上角2個按鈕分別是進(jìn)入stackblitz在線代碼編輯和快速部署。

stackblitz在線代碼編輯預(yù)覽界面

創(chuàng)建GitHub項目時，會彈出賬號關(guān)聯(lián)，直接選Configure App。

關(guān)聯(lián)成功后，再次點(diǎn)擊Create a reposotory（創(chuàng)建存儲庫），在彈出來的窗口中，直接修改倉庫名字提交創(chuàng)建就同步到Github中了。

  老金的實(shí)測案例  

案例一：創(chuàng)建一個簡單的待辦事項應(yīng)用

我在 Bolt.new 的輸入框中輸入了以下需求：

'創(chuàng)建一個簡潔的待辦事項應(yīng)用，用戶可以添加、查看和刪除待辦事項。界面風(fēng)格簡約，使用藍(lán)白配色。'

幾秒鐘后，Bolt.new 自動生成了一個完整的應(yīng)用，包括前端界面和后臺邏輯。更讓我驚喜的是，它還自動幫我部署到了線上，我只需將鏈接分享給團(tuán)隊成員，他們就能直接體驗(yàn)我的想法。

案例二：設(shè)計產(chǎn)品展示頁面

我想做一個短視頻APP，因此輸入了以下描述：

'創(chuàng)建一個類似抖音的產(chǎn)品，可以瀏覽短視頻。'

Bolt.new 立刻生成了一個精美的網(wǎng)頁，所有元素都符合我的要求，我可以直接在瀏覽器中預(yù)覽效果。

  功 能 詳 解  

• 支持多種框架和庫：Bolt.new 內(nèi)置了豐富的前端框架支持，如 React、Vue、Angular 等，你可以在提示詞中指定使用哪種技術(shù)。

• AI 環(huán)境控制：得益于強(qiáng)大的 AI 模型，Bolt.new 能夠理解復(fù)雜的需求，并將其轉(zhuǎn)化為代碼，實(shí)現(xiàn)從前端到后端的全棧開發(fā)。

• 實(shí)時預(yù)覽：在開發(fā)過程中，你可以隨時預(yù)覽項目效果，所見即所得。

  使 用 技 巧  

1. 明確需求：在輸入提示詞時，盡可能詳細(xì)地描述你的需求，包括功能、風(fēng)格、技術(shù)棧等信息。

2. 逐步細(xì)化：如果初始生成的項目不完全符合預(yù)期，可以繼續(xù)與 AI 交互，提出修改意見，逐步完善。

3. 善用示例：在提示詞中加入?yún)⒖际纠蜴溄?，幫?AI 更好地理解你的想法。

   為什么更適合非程序員？ 

• 降低技術(shù)門檻：無需掌握任何編程知識，只要會描述需求，就能生成應(yīng)用。

• 節(jié)省時間成本：從想法到成品，只需幾分鐘時間，大大提升了工作效率。

• 免費(fèi)使用：目前 Bolt.new 仍處于測試階段，所有功能都可以免費(fèi)體驗(yàn)，真的是業(yè)界良心。（每日限量Token）

   結(jié) 語   

Bolt.new 的出現(xiàn)，意味著 AI 在軟件開發(fā)領(lǐng)域的應(yīng)用又邁進(jìn)了一大步。對于像我這樣的非技術(shù)人員，它為我們打開了新的大門，讓創(chuàng)意得以快速實(shí)現(xiàn)。我相信，隨著 AI 技術(shù)的不斷發(fā)展，未來會有更多像 Bolt.new 這樣的工具，助力我們實(shí)現(xiàn)更多可能性。

Bolt.new相比于Cursor，最大的優(yōu)勢是集成了先進(jìn)的 AI 模型和 StackBlitz 的 WebContainers 技術(shù)，支持安裝和運(yùn)行 npm 工具和庫、運(yùn)行 Node.js 服務(wù)器、與第三方 API 交互、從聊天部署到生產(chǎn)環(huán)境等，并且可以打通預(yù)覽、部署一系列鏈路（這是類似v0的優(yōu)勢）。

但是，目前的實(shí)現(xiàn)還比較粗糙，并沒有Cursor在代碼提示、文件相關(guān)度、項目indexing等等各方面的優(yōu)化。

如果你和老金一樣，對新科技充滿好奇，又苦于缺乏技術(shù)能力，那么強(qiáng)烈推薦你試試 Bolt.new。

或許，下一個爆款應(yīng)用，就出自你的手中！

以上，本期分享完成，希望對大家有所幫助。