工欲善其事,專案的底子一定要打好!在正式請 AI 隊友幫忙寫程式之前,我們需要先把 Xcode 的基礎環境與專案架構建立起來。
打開 Xcode 創建新專案後,第一步切記不要急著寫程式,而是要先做好資料夾的分類。這裡我們採用經典的 MVC(Model-View-Controller) 架構進行管理:
良好的目錄結構能讓後續 AI 幫我們產生程式碼時,精準定位檔案位置,避免專案變得混亂。
在建立畫面元件時,建議直接使用 SwiftUI View。SwiftUI 的 Canvas 實時預覽功能非常方便,只要 AI 產生出一段畫面代碼,貼上去就能立刻檢查排版與視覺效果,大大縮短了調校 UI 的時間。
架構與檔案準備好後,就可以打開 GitHub Copilot for Xcode 或是側邊的 AI 對話視窗,開始我們的第一次互動!
💡 實戰 Prompt 範例:
「請幫我用 SwiftUI 撰寫一個『每日簽到與大腦挑戰』主畫面,字體需放大、對比度提高,並包含一個開始遊戲的按鈕與進度條。」
下達指令後,AI 便會自動生成符合需求的 SwiftUI View 程式碼。接著他也會自動幫你寫入程式中,透過 Preview 就能即時看到成果!
明天我們將繼續探索如何透過 AI 快速完成 UI 的細節微調與佈局優化!