iT邦幫忙

2021 iThome 鐵人賽

DAY 14
0
Modern Web

初學者對於做購物車系統的分析系列 第 14

Day 14-製作購物車系統之安裝及資料夾結構(三)

今天要說git repository的部分。
go go~/images/emoticon/emoticon08.gif

以下內容有參考教學影片,底下有附網址。
(內容包括我的不專業解說分析及在實作過程中遇到的困難與解決)


先了解一下

甚麼是gitignore?

在你的專案裡,有些檔案不需要儲存於git,例如像昨天有提到的.env檔(環境設定檔)等。
這時候只需要把需要讓git忽略的檔案,輸入至.gitignore,就能完成。/images/emoticon/emoticon12.gif

接下來要把位在frontend的.gitignore移除
為了當執行npm創建一些react的程式時,能讓git repository能自動性的架構,也方便一次性忽略,不用還要東打西打
首先將frontend的.gitignore裡的程式複製到外面(昨天說新建的.gitignore那邊)
https://ithelp.ithome.com.tw/upload/images/20210916/20139720Ung2Tl4J8f.png
如何測試frontend的.gitignore檔的git repository是否已經不見?
打開終端機輸入cd frontend切換到frontend後,
輸入rm -rf .git:刪除git repository,並只保留工作目錄
輸入ls -a:查詢git repository是否還在
確保不在後,就能將frontend的.gitignore檔刪除

現在要把移好的.gitignore檔建立git repository
所以將終端機離開frontend,輸入cd ..
接著輸入git init,來建立
成功之後會看到VScode裡的兩個node_modules是呈現灰色的
https://ithelp.ithome.com.tw/upload/images/20210916/201397206u67ovJp0j.png
最後就是上面提到的,打開.gitignore檔,把.env輸入進去
https://ithelp.ithome.com.tw/upload/images/20210916/20139720vMFfl3xIxE.png


詳細gitignore介紹:https://iter01.com/67493.html
參考教學影片:https://www.youtube.com/watch?v=0divhP3pEsg&t=786s


  • 明天要說script的部分/images/emoticon/emoticon29.gif

上一篇
Day 13-製作購物車系統之安裝及資料夾結構(二)
下一篇
Day 15-製作購物車系統之安裝及資料夾結構(四)
系列文
初學者對於做購物車系統的分析30

尚未有邦友留言

立即登入留言