iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

玩Switch 2 不如 玩Stitch Lab:用 Stitch 加速你的網頁開發 系列

這次鐵人賽是想要介紹vibe coding工具 《 Stitch Lab 》,然後再結合前端的技巧讓大家了解。

鐵人鍊成 | 共 30 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文 團隊nutc imac T1
DAY 21

day 21

昨天發生了一個錯誤,那就是啓動的指令很可能是錯誤的,我自己起專案的指令是 npm run dev 然後,起起來會是這樣子的 先來說,啓動時可能會遇到的錯誤 n...

2025-10-05 ‧ 由 lxylim 分享
DAY 22

day 22

那昨天説了可以刻網頁下來,那接下來是不是會想到是否可以把生成出來的code輸出進本地呢? 答案是可以的,看到右上角有一個 export的按鈕 輸出到 VSCo...

2025-10-06 ‧ 由 lxylim 分享
DAY 23

day 23

這個React專案的主結構來自於src/App.jsx和src/components下的各個組件文件。其整體設計和作用說明如下: 主結構說明 App.jsx(...

2025-10-07 ‧ 由 lxylim 分享
DAY 24

day 24

如果以下面的圖片來作爲參考去說React的應用的話會是什麽呢? React 結構原理簡介 你提供的每張截圖都是一個獨立的 React 元件檔案,例如 Head...

2025-10-08 ‧ 由 lxylim 分享
DAY 25

day 25

React 是什麽? React 是一個由 Facebook 開發的開源 JavaScript 函式庫,專為高效地構建和管理使用者介面(UI)設計,尤其適合單頁...

2025-10-09 ‧ 由 lxylim 分享
DAY 26

day 26

使用 create-react-app 建立 React 專案時,React + Webpack + Babel 等核心工具都被「打包」成一個前端工程框架,讓開...

2025-10-10 ‧ 由 lxylim 分享
DAY 27

day 27

React 是一個用於構建用戶界面的 JavaScript 函式庫,而 Next.js 則是在 React 基礎上發展的全端框架,提供了更完整的網站開發解決方案...

2025-10-11 ‧ 由 lxylim 分享
DAY 28

day 28

鐵人賽快結束了,今天就來說我的主題中Stitch和後面說的Open-Lovable的差別吧 Stitch Lab 與 Open-Lovable 主要區別 Sti...

2025-10-12 ‧ 由 lxylim 分享
DAY 29

day 29

三、使用體驗與模式對比 使用場景 Stitch Lab Open-Lovable 快速原型開發 即開即用,無需本地部署,只需瀏覽器訪問 需克隆倉庫...

2025-10-13 ‧ 由 lxylim 分享
DAY 30

day 30 Last Day

三十天的挑戰結束了,這不只是一場技術學習,更是一段與 AI 共創、重新思考「開發是什麼」的旅程。 三十天前,我因為好奇 Google 在 2025 I/O...

2025-10-14 ‧ 由 lxylim 分享