環(huán)境準(zhǔn)備
操作步驟
安裝Git
在git官網(wǎng),選擇Windows平臺下的最新版本下載,但是官網(wǎng)下載可能出現(xiàn)網(wǎng)頁無法打開的問題,這里也提供國內(nèi)鏡像下載地址。
打開下載好的安裝包,如沒有特殊設(shè)置,一直“next”即可。
完成之后記得重啟計(jì)算機(jī),使得Git在Windows下的環(huán)境變量生效。
注冊Github并添加一個(gè)遠(yuǎn)程倉庫
注冊一個(gè)賬號
打開Github的官網(wǎng),在右上角點(diǎn)擊“sign up”進(jìn)行注冊。-
創(chuàng)建一個(gè)遠(yuǎn)程倉庫
登錄你的Github賬戶,在右上角點(diǎn)擊你自己的頭像圖標(biāo)打開下拉菜單,然后選擇“Your repositories”
在打開的頁面中點(diǎn)擊“New”按鈕新建遠(yuǎn)程倉庫。
DmpkMq.png
輸入倉庫名,比如“MyProject”,然后在選擇默認(rèn)新建一個(gè)“README”文件,最后點(diǎn)擊“Create Repository”。
DmptoD.png
倉庫主頁:
DmpDyt.png
可以看到我們的倉庫中默認(rèn)添加了一個(gè)標(biāo)題為“MyProject”的README文件。
添加ssh key到GitHub
-
生成ssh key:
在桌面或者文件管理器的空白處按鼠標(biāo)右鍵,選擇“Git Bash Here”。
之后會(huì)彈出一個(gè)Git的黑色窗口,在這里可以輸入命令行:
DuzWFS.png
輸入指令,進(jìn)入.ssh文件夾cd ~/.ssh/如果提示“No such file or directory”,可以手動(dòng)創(chuàng)建一個(gè).ssh文件夾:
mkdir ~/.ssh配置全局的name和email,這里是的你github的name和email:
git config --global user.name "xxx" git config --global user.email "xxx@xx.com"輸入指令,生成ssh key:
ssh-keygen -t rsa -C "xxx@xx.com" -
在GitHub上添加自己的ssh key
在Git Bash中輸入指令,查看本機(jī)生成的ssh key:cat ~/.ssh/id_rsa.pub
打開你的Github主頁,點(diǎn)擊右上角你的頭像圖標(biāo)展開下拉菜單,選擇“setting”
DKiVsJ.png
在打開頁面的左側(cè)欄中選擇“SSH and GPG keys”,在展開的右側(cè)頁面中選擇“New SSH key”
DKiNdI.png
在展開的頁面中,把之前找到的ssh key復(fù)制上去,點(diǎn)擊“Add SSH key”
DKiDSS.png
回到剛剛的頁面,發(fā)現(xiàn)ssh key已經(jīng)添加成功了。
DKibwR.png
克隆遠(yuǎn)程倉庫到本地
打開Github上的倉庫頁面,點(diǎn)擊“Code”圖標(biāo),在下拉菜單中選擇“SSH”方式,將圖示的代碼串復(fù)制下來:
挑選一個(gè)合適的路徑打開“Git Bash”,輸入指令,將遠(yuǎn)程倉庫克隆到本地:
git clone git@github.com:Krstar233/MyProject.git
期間會(huì)配對RSA key并詢問你是否繼續(xù)連接,直接輸入“yes”繼續(xù)克隆遠(yuǎn)程倉庫。
成功克隆遠(yuǎn)程倉庫“MyProject”截圖:

安裝和使用vscode
- 安裝
在官網(wǎng)下載最新版本的安裝包,打開之后按照常規(guī)的安裝步驟即可。
在附加任務(wù)中可以自選一些選項(xiàng):
DuXTUg.png
使用vscode協(xié)作git管理項(xiàng)目
-
打開項(xiàng)目文件
在vscode中,選擇菜單欄中的“File”->“open Folder”,在文件管理器中找到并打開本地倉庫“MyProject”。
-
嘗試修改README文件
輸入markdown語句,修改README文件,同時(shí)點(diǎn)擊vscode右上角的“Open Preview to the Side”圖標(biāo),可以實(shí)時(shí)預(yù)覽markdown效果。# MyProject # 一級標(biāo)題 ## 二級標(biāo)題 ### 三級標(biāo)題 - 項(xiàng)目1 - 項(xiàng)目2 - 項(xiàng)目3 [測試鏈接](https://www.baidu.com) -
更新內(nèi)容到遠(yuǎn)程倉庫
Ctrl+S保存文件之后,在右側(cè)欄的“Git”圖標(biāo)出現(xiàn)了提示,點(diǎn)擊打開,在展開操作欄頂上的文本框中輸入本次更新的信息
然后按下Ctrl+Enter進(jìn)行commit操作,并在彈出的對話框中選擇“Yes”或者“Always”。
DKQdDP.png
點(diǎn)擊右側(cè)欄的“Explorer”圖標(biāo),在項(xiàng)目空白處右鍵選擇“Open in Integrated Terminal”,然后我們可以在軟件界面底部看見彈出的終端,并默認(rèn)指向項(xiàng)目文件的路徑。
DK3tgJ.png
輸入指令,把本地倉庫的新內(nèi)容推送到遠(yuǎn)程倉庫git push
在團(tuán)隊(duì)協(xié)作中,如果別人更新了遠(yuǎn)程倉庫的代碼,那么在你本地倉庫中的代碼就不是最新版本了,這時(shí)候如果push到遠(yuǎn)程倉庫會(huì)出現(xiàn)版本不一致不能push的情況。于是,我們需要輸入“git pull”指令先將遠(yuǎn)程倉庫拉取到本地進(jìn)行更新。
- 從遠(yuǎn)程倉庫更新內(nèi)容到本地
在GitHub上更改README文件的信息
在倉庫主頁中點(diǎn)擊readme預(yù)覽頁面上的“筆”圖標(biāo):
DKGftf.png
修改文件,之后點(diǎn)擊底部的“Commit changes”按鈕進(jìn)行更改:
DKYZaq.png
在vscode中,同樣修改部分文件:
DKYoes.png
這時(shí)候,如果我們把本地倉庫推送到遠(yuǎn)程是推送不了的:
DKtSm9.png
于是,我們輸入“git pull”指令把遠(yuǎn)程倉庫拉取到本地更新:
DKtZOH.png
這時(shí)候,我們發(fā)現(xiàn),在編輯框中出現(xiàn)了異動(dòng),提示我們哪里進(jìn)行了更新,同時(shí)因?yàn)椴糠执a段不一致導(dǎo)致的沖突,我們需要選擇一種方式保存本地代碼:
DKt81S.png
這里我選擇接受拉取的代碼,也就是“Accept Incoming Change”。最后,README文檔的內(nèi)容:
DKtDpT.png
至此,使用vscode協(xié)作git管理項(xiàng)目的基本流程也就告一段落了。





























