Visual Studio Code結合Git與GitHub的完整步驟

一、Visual Studio Code安裝

官網下載地址:https://code.visualstudio.com/

Visual Studio Code是一個精簡版的迷你Visual Studio,並且可以跨平臺,Windows、Mac、Linux通用。

二、Git安裝

官網下載地址:https://git-scm.com/downloads

安裝步驟請參考:Git for Windows安裝

※複製生成的公鑰用於下一步:

一般在C盤的用戶目錄下,會生成一個.ssh文件夾,裏面有一個“id_rsa.pub”文件,打開之後複製全部內容

三、GitHub註冊

網站:https://github.com/

正確登錄之後,需要配置SSH公鑰:

(1)單擊右上角的用戶圖標,選中“settings”

(2)單擊左側“SSH and GPG keys”,之後點擊畫面右上角的“New SSH key”按鈕

(3)在Title中隨意輸入,然後在key中粘貼步驟二中Git安裝生成的公鑰

(4)之後單擊“Add SSH key”就完成公鑰的配置了

四、本地倉庫和遠程庫的關聯

篇幅較長,詳細步驟請參考:Git本地倉庫和GitHub遠程庫的關聯步驟

五、在Visual Studio Code中使用Git和GitHub

1、先在Visual Studio Code中設置Git

點擊"File"->"Preferences"->"Settings"

然後搜索"gitpath",點擊"Edit in settings.json"

在文件的"git.path"後輸入Git的路徑,保存之後,重啓Visual Studio Code即可

2、使用Visual Studio Code編輯本地倉庫中的文件

並新加一個testFile2文件,保存之後,會看到“源代碼管理”圖標上有數字顯示(表示有多少個文件發生變化)

“M”代表已經在GitHub中添加過該文件,然後修改了文件內容;

“U”代表在本地新建了該文件,還未提交到GitHub

“D”代表刪除了該文件

3、使用Visual Studio Code將文件放至暫存區

點擊“...”->“Stage All Changes",暫存所有更改

會看到剛剛的文件移動到了staged changes下

4、使用Visual Studio Code將文件提交到本地倉庫

點擊“...”->“Commit All",將暫存區的文件全部提交

點擊之後在上方的文本框中輸入提交的備註,如何回車即可完成提交

可看到剛剛的文件變更已經不見了

5、使用Visual Studio Code將文件同步到GitHub遠程庫

點擊“...”->“Push to..."

正常配置沒有問題的話,會自動彈出遠程倉庫的地址列表供我們選擇,點擊即可將本地修改同步到遠程庫

6、在GitHub查看遠程庫狀態

會看到文件已經同步了

以上就是Visual Studio Code結合Git與GitHub的完整步驟。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章