你有沒有想過,有一天 寫程式這件事,對於不會寫程式的人來說,會變得像寫文章、畫畫一樣簡單?
過去,程式設計被視為一個高度技術性的專業領域,需要經過數年的學習才能上手。但 AI 的發展,讓「寫程式」這件事變得前所未有地簡單。今天,不管你是設計師、寫作者、藝術家、行銷人員,甚至是自由創作者,你都可以透過 AI 來幫助你「寫程式」,甚至建立自己的數位作品。
這篇文章要介紹的 Bolt.new 和 Cursor,就是這類 AI 程式開發工具的代表。
你不需要有任何資訊工程背景,也可以理解這篇文章。我們不會用艱深的技術術語,而是用生活化的方式來解釋,讓你能真正明白這兩款工具的差異,並選擇最適合你的那一款。
如果要用日常生活中的比喻來解釋這兩款工具,它們就像是 「兩種不同的料理助手」:
所以,如果你是完全不懂程式,Bolt.new 會讓你覺得很親切,因為它的介面就像 Google 文件一樣簡單,還會一步步引導你。而如果你已經會一點程式,Cursor 則能幫助你寫更好的程式碼。
💡 案例 1:你是一名自由寫作者,想製作一個個人部落格網站,但完全不會寫程式
你可能有很多精彩的文章想分享,但每次一想到要學 WordPress、HTML、CSS,甚至買網域、租主機,就感覺很麻煩,最後只能選擇 Medium 或 Notion 來寫作。但其實,你可以利用 Bolt.new 輕鬆地建立自己的個人網站,而且完全不需要懂技術。
在 Bolt.new 中,你只需要輸入一個簡單的請求,例如:
📝 「幫我建立一個個人部落格網站,有首頁、文章列表、聯絡我們的頁面。」
AI 會自動幫你生成 HTML、CSS 和 JavaScript,甚至還會附上清楚的解釋,告訴你每個部分的用途。例如:
👉 「這裡的 h1
代表網站的標題,你可以修改成自己的名字。」
👉 「這一段程式碼會產生文章列表,點擊後會開啟文章詳細內容。」
你不需要安裝軟體,也不需要學習複雜的程式語法,就能建立一個完全屬於自己的個人網站。
✅ 不需要下載軟體,直接在瀏覽器中使用
✅ AI 會自動生成程式碼,並用簡單的語言解釋
✅ 可以隨時修改,不用擔心技術問題
💡 案例 2:你是一名 UI 設計師,想學習前端開發,讓自己能做更完整的作品
你可能已經會用 Figma、Adobe XD 設計網站,但每次要交給工程師開發時,總是覺得溝通很困難。如果你能自己學習一些前端開發,就能更快速地把自己的設計轉化成網站。
在 Cursor 中,你可以把你的設計轉換成 HTML + CSS 程式碼,然後請 AI 幫你補足 JavaScript 互動功能。例如,你可以輸入:
📝 「這是一個 Figma 設計的按鈕,請幫我寫 JavaScript,讓它可以顯示彈出視窗。」
AI 會提供適合的程式碼,並且可以進一步優化你的寫法,例如:
👉 「這段程式碼可以讓按鈕點擊時顯示彈窗,但你可以用 addEventListener
來讓程式碼更乾淨。」
👉 「如果你想要更順暢的動畫效果,可以使用 CSS transition
,這樣視窗彈出時會有更流暢的過渡效果。」
✅ 適合已經有基本程式概念的人
✅ AI 會幫助你優化程式碼,讓它更專業
✅ 支援 VS Code 擴展,適合專業開發環境
如果你是 完全的新手,從來沒寫過程式,但想嘗試看看,選擇 Bolt.new。
如果你已經開始學習程式,但想讓 AI 幫助你變得更專業,選擇 Cursor。
對我來說,Bolt.new 更適合創意工作者,因為它的門檻更低,讓「寫程式」變得像寫文章一樣簡單。🚀