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

環(huán)境準備

操作步驟

安裝Git

在git官網(wǎng),選擇Windows平臺下的最新版本下載,但是官網(wǎng)下載可能出現(xiàn)網(wǎng)頁無法打開的問題,這里也提供國內(nèi)鏡像下載地址

打開下載好的安裝包,如沒有特殊設(shè)置,一直“next”即可。


完成之后記得重啟計算機,使得Git在Windows下的環(huán)境變量生效。

注冊Github并添加一個遠程倉庫

  • 注冊一個賬號
    打開Github的官網(wǎng),在右上角點擊“sign up”進行注冊。

  • 創(chuàng)建一個遠程倉庫
    登錄你的Github賬戶,在右上角點擊你自己的頭像圖標打開下拉菜單,然后選擇“Your repositories”


    在打開的頁面中點擊“New”按鈕新建遠程倉庫。
    DmpkMq.png

    輸入倉庫名,比如“MyProject”,然后在選擇默認新建一個“README”文件,最后點擊“Create Repository”。
    DmptoD.png

    倉庫主頁:
    DmpDyt.png

    可以看到我們的倉庫中默認添加了一個標題為“MyProject”的README文件。

添加ssh key到GitHub

  • 生成ssh key:
    在桌面或者文件管理器的空白處按鼠標右鍵,選擇“Git Bash Here”。


    之后會彈出一個Git的黑色窗口,在這里可以輸入命令行:
    DuzWFS.png

    輸入指令,進入.ssh文件夾

    cd ~/.ssh/
    

    如果提示“No such file or directory”,可以手動創(chuàng)建一個.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中輸入指令,查看本機生成的ssh key:

    cat ~/.ssh/id_rsa.pub
    


    打開你的Github主頁,點擊右上角你的頭像圖標展開下拉菜單,選擇“setting”
    DKiVsJ.png

    在打開頁面的左側(cè)欄中選擇“SSH and GPG keys”,在展開的右側(cè)頁面中選擇“New SSH key”
    DKiNdI.png

    在展開的頁面中,把之前找到的ssh key復制上去,點擊“Add SSH key”
    DKiDSS.png

    回到剛剛的頁面,發(fā)現(xiàn)ssh key已經(jīng)添加成功了。
    DKibwR.png

克隆遠程倉庫到本地

打開Github上的倉庫頁面,點擊“Code”圖標,在下拉菜單中選擇“SSH”方式,將圖示的代碼串復制下來:


挑選一個合適的路徑打開“Git Bash”,輸入指令,將遠程倉庫克隆到本地:

git clone git@github.com:Krstar233/MyProject.git

期間會配對RSA key并詢問你是否繼續(xù)連接,直接輸入“yes”繼續(xù)克隆遠程倉庫。


成功克隆遠程倉庫“MyProject”截圖:
DKZjfI.png

安裝和使用vscode

  • 安裝
    在官網(wǎng)下載最新版本的安裝包,打開之后按照常規(guī)的安裝步驟即可。
    在附加任務(wù)中可以自選一些選項:
    DuXTUg.png

使用vscode協(xié)作git管理項目

  • 打開項目文件
    在vscode中,選擇菜單欄中的“File”->“open Folder”,在文件管理器中找到并打開本地倉庫“MyProject”。

  • 嘗試修改README文件
    輸入markdown語句,修改README文件,同時點擊vscode右上角的“Open Preview to the Side”圖標,可以實時預覽markdown效果。

    # MyProject
    # 一級標題
    ## 二級標題
    ### 三級標題
    - 項目1
    - 項目2
    - 項目3
    
    [測試鏈接](https://www.baidu.com)
    

  • 更新內(nèi)容到遠程倉庫
    Ctrl+S保存文件之后,在右側(cè)欄的“Git”圖標出現(xiàn)了提示,點擊打開,在展開操作欄頂上的文本框中輸入本次更新的信息


    然后按下Ctrl+Enter進行commit操作,并在彈出的對話框中選擇“Yes”或者“Always”。
    DKQdDP.png

    點擊右側(cè)欄的“Explorer”圖標,在項目空白處右鍵選擇“Open in Integrated Terminal”,然后我們可以在軟件界面底部看見彈出的終端,并默認指向項目文件的路徑。
    DK3tgJ.png

    輸入指令,把本地倉庫的新內(nèi)容推送到遠程倉庫

    git push
    

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

在團隊協(xié)作中,如果別人更新了遠程倉庫的代碼,那么在你本地倉庫中的代碼就不是最新版本了,這時候如果push到遠程倉庫會出現(xiàn)版本不一致不能push的情況。于是,我們需要輸入“git pull”指令先將遠程倉庫拉取到本地進行更新。

  • 從遠程倉庫更新內(nèi)容到本地
    在GitHub上更改README文件的信息
    在倉庫主頁中點擊readme預覽頁面上的“筆”圖標:
    DKGftf.png

    修改文件,之后點擊底部的“Commit changes”按鈕進行更改:
    DKYZaq.png

    在vscode中,同樣修改部分文件:
    DKYoes.png

    這時候,如果我們把本地倉庫推送到遠程是推送不了的:
    DKtSm9.png

    于是,我們輸入“git pull”指令把遠程倉庫拉取到本地更新:
    DKtZOH.png

    這時候,我們發(fā)現(xiàn),在編輯框中出現(xiàn)了異動,提示我們哪里進行了更新,同時因為部分代碼段不一致導致的沖突,我們需要選擇一種方式保存本地代碼:
    DKt81S.png

    這里我選擇接受拉取的代碼,也就是“Accept Incoming Change”。最后,README文檔的內(nèi)容:
    DKtDpT.png

至此,使用vscode協(xié)作git管理項目的基本流程也就告一段落了。

相關(guān)資料

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

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

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