使用GitHub（三）：使用VSCode+GitHub進行版本控制

使用GitHub（三）：使用VSCode+GitHub進行版本控制

• 本文簡單介紹使用VSCode+GitHub進行項目或者代碼的版本控制。本文主要目的是對學習內容進行總結以及方便往後查閱。
• 詳細教程和原理能夠參考廖雪峯的Git教程或猴子都能看懂的Git教程。
• 本文版權歸馬濤濤全部。
• 本文所引用的圖片和文字版權歸原做者全部，侵權刪。
• 若有錯誤請在下方評論區指出，歡迎積極討論。

---

使用原理

---

1 上節回顧

上一篇博客詳細介紹了使用 git 的三種方式

• 只在本地使用
• 將本地倉庫上傳到 GitHub
• 下載 GitHub 上的倉庫

以及如何上傳更新到GitHub，你在本地目錄有任何變更，只需按照如下順序就能上傳：

git add 文件路徑
git commit -m "信息"
git pull  （必定不要忘記這一個命令）
git push

2 使用原理

本文所寫的是使用VSCode中的GitHub功能，能夠取代命令行中Git的四步更新的方式，簡化上傳步驟。

因此使用VSCode+GitHub進行項目或者代碼的版本控制有如下兩種方法：

1. 在本地使用Git倉庫→將倉庫上傳到GitHub→VScode打開→手動進行4步
2. 在GitHub上新建倉庫，下載倉庫到本地→ VScode打開→手動進行4步

本文只記錄從VScode打開以後的操做。

步驟

1. 使用VSCode打開項目或代碼的倉庫
   
2. 點擊側邊欄的 源代碼管理按鈕，或者快捷鍵Ctrl+Shift+G，這時並無消息提示。

3. 這時咱們新建一個style_test.css文件，旁邊會出現U的符號，意思是更新還沒有上傳到GitHub

4. 再次打開源代碼管理，發現多了更新提示。
   
5. 這時就能夠提交更新到GitHub了，做用同命令行中的git commit -m "new css file"
   
6. 最後一步是pull和push，分別等同於命令行中的git pull和git push
   
7. 查看GitHub，更新成功