iT邦幫忙

2024 iThome 鐵人賽

DAY 10
0
Mobile Development

少年K的Swift奇幻漂流記系列 第 10

Day10 Swift APP 實作前基本功!

  • 分享至 

  • xImage
  •  

版本控制

為什麼所有工程師在開發專案時都要學會用 Git,那當然是因為會....工程師也會搞砸專案🤣

前提

以下的所有示範都是在 Xcode 上使用!且不使用 storyboard

為什麼要使用 Git?

主要是因為 Git 是目前世界上最流行的版本控制的方式,而且有許多功能都很實用,比如:版本回推,多人共享(會抓到誰搞砸喔~

在使用 Git 之前要記得先創 ssh key 喔~

教學網址:https://hackmd.io/@YJ-Chen/BJLmUoIrY?utm_source=preview-mode&utm_medium=rec

如何使用?

第一步當然是創建遠端倉庫啦~接下來就讓我一步一步帶著你做(還沒有專案的可以等開始一個新專案再使用 Git 喔!)

第一步(建立遠端倉庫)

  1. 以我的主頁為例,可以看到所有畫面就只有一個綠綠的按鈕,那就是在你的 Github 建立一個新的遠端倉庫,所以大力按下去就對了!
    https://ithelp.ithome.com.tw/upload/images/20240918/201682039QptIoRAlw.png
  2. 接來先在 Repository name 取好自己倉庫的名字(建議跟自己的專案同名)再把畫面拉到最底下,在中間你可以看到PublicPrivate,這兩項的功能分別是Public 可以讓所有人看到你放在 Git 上的所有專案,跟開源一樣Private 則是只有自己能看到自己放在上面的專案(如果不想給同組的人抄作業可以開喔😎,最後就點 Create repository 就建立好囉!
    https://ithelp.ithome.com.tw/upload/images/20240918/20168203AYsCQVC2CQ.png

第二步(建立專案)

創好遠端倉庫之後先別急,我們要去創建一個新專案

進到這個畫面之後點擊 Create New ProJect...

https://ithelp.ithome.com.tw/upload/images/20240918/20168203prAEq1eTbz.png

再來點擊上面那行的 iOS 再點擊下方的 App,接著 Next

https://ithelp.ithome.com.tw/upload/images/20240918/20168203BtDtXPj53o.png

接下來你會看到這個畫面

https://ithelp.ithome.com.tw/upload/images/20240918/20168203bkJNPYWLRM.png
我大概解釋一下

  1. Product Name:是你的專案名稱,也就是跟剛剛創建的遠端倉庫同名
  2. Iterface:這裡面有兩種,一種是 Swift UI,一種是 Storyboard,前面我們說到不用 Storyborad,但這裡還是要先選 Storyboard(後面會說明)
  3. Language:我們選 Swift 也就是 Apple 自己的語言,
    比另外一個寫 C 的會方便很多
  4. Include Tests:不用勾,用不到

最後一步,這裡不放圖片,反正選一個喜歡的地方然後按 Create 就好,推薦放桌面,不然要找很麻煩

第三步(專案前置)

在不用 Storybaord 的前提下,我們要做一些操作

先刪除 Info 裡的一些東西

  • Info Scene Configuration -> Window Application Session Role -> Item 0 (Default Configuration) -> StoryBoard Name 刪除
    https://ithelp.ithome.com.tw/upload/images/20240918/20168203dimJsVgWlD.png
  • Build Settings 在旁邊 filter 我們搜尋 Main 並把反藍項刪除
    https://ithelp.ithome.com.tw/upload/images/20240918/20168203PwUQkyXuWZ.png

將 ViewController 和 Main 刪除

https://ithelp.ithome.com.tw/upload/images/20240918/20168203GYPnAR6ktA.png
https://ithelp.ithome.com.tw/upload/images/20240918/20168203X16zlF1ZgN.png

在 Test 新建一個 Cocoa Touch Class

https://ithelp.ithome.com.tw/upload/images/20240918/20168203khAeTqfOa9.png

之後創建一個 MainViewController 然後勾選 XIB 之後 Next 再 Create

https://ithelp.ithome.com.tw/upload/images/20240918/201682035OSBf2na1X.png

先把 SeceneDelegate 打好

從這樣

https://ithelp.ithome.com.tw/upload/images/20240918/20168203Pts3VAzy1n.png

變這樣

https://ithelp.ithome.com.tw/upload/images/20240918/20168203pIMyMT2aBu.png

再將我們 MainViewController 改成具有結構性和易讀性

https://ithelp.ithome.com.tw/upload/images/20240918/20168203Wpv063YPmu.png

第四步(開始 push 上 Github)

當你創建完遠端倉庫和專案之後,再回到我們剛剛的畫面,下面有教怎麼推上去,然後再操作之前要先 cd 到你專案的資料夾

  • 通常都是用第一個,照著他的打就好 README.md 可以不用,先 gir init 直接 git add . 然後 git commit -m "備註"(這一定要),然後都照著打就好,之後要push的時候就很簡單
    1. 先 git add . 把所有變更全部新增
    2. git commit -m "備註" 給新增的所有檔案寫上備註(一定要)
    3. git push (後面不用打是因為第一次的 git push -u origin main 設定過了)
      https://ithelp.ithome.com.tw/upload/images/20240918/20168203kTxwyqKue1.png
  • 實際操作
    https://ithelp.ithome.com.tw/upload/images/20240918/201682038s1ySYtGfh.png

結論

Git 是個工程師們不可或缺的版本控制方案,能在很大程度上幫助你,可以回溯到特定的還沒搞砸的版本,跟小組成員共同使用專案。總之,是必需品!

Git 補充資料

https://hackmd.io/@Chunghao/ryLxdVVk6


上一篇
Day9 Swift 基礎語法介紹 Part9
下一篇
Day11 Swift ColorBoard APP 實作 Part1
系列文
少年K的Swift奇幻漂流記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言