本章我們會手把手教你如何建立一個 Xcode 專案。初次接觸 Xcode 時,必須要理解許多專有名詞。我們會介紹初學者需要了解的專有名詞和設定選項。務必確認你全部理解,才繼續下個章節。
SwiftUI Coffee Shop
建立 Xcode 專案
首先,先確認你已經安裝 Xcode。建議直接安裝最新的版本。目前在寫這篇文章時是 Xcode 11.5,所以請安裝 Xcode 11.5 以上(含)的版本。
執行 Xcode,你可以看到這個畫面。點選 Create a new Xcode project 來建立新專案。
再來是選擇專案的範本。範本會幫你產生好一些程式碼,好讓你快速進入開發。我們選擇最基本的範本 Single View App。
這個畫面有一些專案設定要填,所有的選項請用英文填入。說明如下:
- Product Name:專案名稱。
- Team:這個是 Apple 開發者帳號。程式要跑在實體裝置上,就必須要設定 Team。目前我們只跑在模擬器上,所以選 None 即可。
- Organization Name:組織名稱。這欄位是可以隨便填寫。如果這是公司的專案,就填寫公司的名稱。如果是你個人的,你可以填寫你的名字。
- Organization Identifier:這是組織的唯一識別碼。當你要將 App 上到 App Store 的時候,這個唯一識別碼會代表公司或你。一般來說,格式會是網址反過來寫。這只是格式,所以這網址存不存在不要緊。
- Bundle Identifier:這是 App 的唯一識別碼。他會由 Organization Identifier 加上 Product Name。當你要將 App 上到 App Store 的時候,這個唯一識別碼是代表這個 App。
- Language:選擇 Swift。Objective-C 也是用來開發 iOS App。Swift 是用來取代 Objective-C 的新語言。
- User Interface:選擇 SwiftUI。Storyboard 就是用 UIKit。SwiftUI 是用來取來 UIKit 的新使用者介面套件。
- Use Core Data:要勾選。Core Data 套件是用來在裝置上儲存資料。我們之後會使用到。
儲存專案檔案。專案建立完成。
執行 Xcode 專案
專案建立好後,Xcode 會直接開啟專案。我們先直接跑一下專案。方法如下:
- 選擇模擬器。我們這邊選擇 iPhone 11 模擬器。
- 執行專案。
你可以看到我們的 CoffeeShop App 在模擬器上跑起來,顯示 Hello, World!。
現在你已經成功地完成你第一個 iOS App 了。雖然它現在只顯示 Hello, World!,沒有其他的功能,之後我們會一步一步地為它加上。
Xcode 專案設定詳情
在進入下一章之前,我們來了解一下 Xcode 的專案設定。依據步驟 1、2 打開專案設定頁:
- Display Name:顯示在 iPhone 中 App 圖示下方的名稱。
- Bundle Identifier:App 在 App Store 中的唯一識別碼。上面已經有說明。
- Version:App 的版本號。
- Target | Device:設定 App 可以安裝在哪些裝置上,而且裝置的 iOS 版本要多少以上才可以安裝。
- Device Orientation:支援的裝置方向。Portrait 是直立; Landscape 是橫躺。
結語
恭喜你剛剛將 Coffee Shop App 建立起來了!雖然還沒有功能,但它無庸置疑地是個可以執行的 App。本章節有不少專有名詞和設定,多花點時間去理解它們吧!