iT邦幫忙

1

領進前端門,修行在個人:掌握 Git 與 Github 程式時光機(1) - Git前置篇

  • 分享至 

  • xImage
  •  

安裝

首先,我們要先安裝Git
點擊圖片中紅色框框的的Download按鈕來下載Git安裝包,如下圖:
https://ithelp.ithome.com.tw/upload/images/20200312/20123842YGF8pp8XUP.png
下載完成後,開啟Git安裝包安裝Git於電腦中/images/emoticon/emoticon13.gif
如果沒有要修改存放位置,只要下一步下一步即可,如下圖:
(由於其中有幾個畫面來不及截圖,但是不影響安裝)
https://ithelp.ithome.com.tw/upload/images/20200312/20123842iAmN2c99qL.png
https://ithelp.ithome.com.tw/upload/images/20200312/20123842AJ8sN5jWWV.png
https://ithelp.ithome.com.tw/upload/images/20200312/201238426u0FmsgAUJ.png
這樣我們就安裝完成了,是不是很簡單!

那如何知道Git是否安裝成功呢?
打開終端機輸入以下指令來查詢Git版本

git version

終端機若顯示Git版本就代表安裝成功了,如下圖:
https://ithelp.ithome.com.tw/upload/images/20200312/20123842Hi8MkIH0uS.png

終端機常用指令

  • 移動路徑 - cd 路徑位置
  • 回到上一層 - cd .. (cd跟..之間要空白)
  • 建立新的資料夾 - mkdir 資料夾名稱
  • 建立新檔案 - touch 檔案名稱
  • 列出資料夾內目前的所有檔案 - ls
  • 清空畫面 - clear
// 移動路徑(絕對路徑)
yalingde-MBP:~ yaling$ cd /Users/yaling/Desktop/文章

// 回到目錄上一層
yalingde-MBP:文章 yaling$ cd ..

// 建立新的資料夾
yalingde-MBP:文章 yaling$ mkdir week05

// 建立新檔案
yalingde-MBP:文章 yaling$ touch test.txt

// 列出資料夾內目前的所有檔案
yalingde-MBP:文章 yaling$ ls
(結果)
[筆記] React 如何使用 Redux-Observable :Week02 副線打怪一下(1) .pdf
[筆記] React 如何使用 Redux-Observable :Week02 副線打怪一下(2) .pdf
領進前端門,修行在個人Week 01:關於本系列文章.pdf

// 清空畫面
yalingde-MBP:~ yaling$ clear

Git初始化設定

先來說明一下Git上可以看到哪些資訊,下圖範例是從Sourcetree軟體上截圖的:
https://ithelp.ithome.com.tw/upload/images/20200312/20123842p1EVMhpiCe.jpg

  1. 每個節點都是每一次的更新紀錄
  2. 點選各筆更新,會在左下角的資訊欄中顯示更新的人是誰以及上傳者的email,方便我們快速找到更新者以及聯絡他
  3. 在第三個資訊欄中,會顯示此次更新與上次更新時的差異,方便參與此專案的人都能了解此次更新與上次的不同處

為了讓其他專案開發者也可以找到我們,所以我們也要設定email及名字

yalingde-MBP:~ yaling$ git config --global user.eamil "您的email信箱"
yalingde-MBP:~ yaling$ git config --global user.name "您的名字"

設定完後可以透過git config指令來查詢是否完成設定

yalingde-MBP:~ yaling$ git config user.email
您的email信箱
yalingde-MBP:~ yaling$ git config user.name
您的名字

Git前置篇先到這邊,下篇文就會開始實際操作Git囉!
待續...

問題與討論

我也是前端的小菜鳥,所以要是有什麼寫得不好的地方,大師路過還請多給我一些指點,也請各位大師鞭小力點XD
如果你/妳已經是在前端上有一兩年經驗的,因本系列文章偏向前端入門,可能本系列文章不太適合你/妳,但也歡迎你/妳給予一些建議。


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

1
Robin
iT邦新手 2 級 ‧ 2020-03-13 00:24:40

Mac的話也可以用brew比較快
brew install git

好唷 下次再試看看/images/emoticon/emoticon34.gif

我要留言

立即登入留言