一、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註冊
正確登錄之後,需要配置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的完整步驟。