如何使用vscode協(xié)作git管理項(xiàng)目

環(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"
    

    之后會(huì)提示一些信息,一直按回車即可。

  • 在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”截圖:
DKZjfI.png

安裝和使用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
    

    在Github上打開該遠(yuǎn)程倉庫,發(fā)現(xiàn)文檔內(nèi)容得到了更新:

在團(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)目的基本流程也就告一段落了。

相關(guān)資料

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容