本系列將挑戰 30 天內,透過 AI 編輯器 Cursor 進行專案開發的完整實戰。內容將涵蓋 Cursor 的安裝設定、AI 提示詞技巧、與 GitHub/框架整合、Debug 與重構等,並以真實專案為案例,展示如何透過 AI 助手提升開發效率與程式品質。此系列不僅記錄開發過程,也將分享使用 Cursor 的心得、遇到的問題與解決方法,讓有興趣嘗試 AI 輔助開發的工程師或新手,能從中獲得實用經驗與靈感。
發了那麼多篇文章, 真的覺得IT鐵人賽的編輯器有待加強, 所以我打算來開發個輔助擴充工具, 方便我後續上傳文章~ 痛點 首先 先了解我的痛點 1. 編輯工具在最...
用戶筆記管理 上一篇我們已經設計好形象首頁,而這篇開始設計筆記管理頁面,這篇可能也會在被拆分成多個篇章,就看我的開發方向了~ 這邊我們來設定用戶的筆記管理頁面...
編輯頁面 編輯頁面不需要有右邊的導覽列 編輯頁面是獨立的排版 編輯頁面不需要有右邊的導覽列 編輯頁面是獨立的排版 看起來還非常有待加強,接下來個別修正各...
可視化筆記 我突然之間想做個可視化筆記 這其實跟前面幾頁都是同步進行的 而這邊也是完全靠AI來製作 好的 那麼我們開始新增吧 開始 新增一個頁面 我希望是視覺化...
到了第 15 天,我們開始會遇到一個更真實的挑戰:專案越來越大,程式碼開始需要共用元件,同時,也更容易遇到各種 Build 錯誤。 今天的主題,就是要讓你學會...
到了第 16 天,你的專案已經不再只是幾個小元件的組合了。 隨著功能越來越多,如果程式碼還是「隨手放哪就放哪」,很快就會遇到兩個問題: 難找檔案 —— 想改...
昨天我們學會了如何把專案結構整理乾淨。 但一個專案隨著重構、功能新增,最常見的問題就是:改了一個地方,壞了另外一個地方。 今天的目標,就是要讓專案開始具備「保護...
到目前為止,我們已經用 Cursor 建好了功能、拆好了模組、甚至寫好了測試。 但當專案規模越來越大,你會發現:「手動測試、手動檢查已經不夠了。」 這時候,就是...
昨天我們用 Cursor 加上 GitHub Actions,幫專案建立了 CI/CD 流程,確保每次程式碼 push 之後都會自動檢查、測試、build。...
到目前為止,我們的專案已經具備了 結構化、測試、自動化、規範,幾乎是一個完整的工程環境。 但專案如果只停留在本機,還稱不上「真正上線」。 今天,我們要把專案部...