使用vscode編輯和提交github倉庫程式碼

XavierJ發表於2020-09-17
VSCodeGithub

寫在前面

在github上想刪除倉庫中的某個檔案或資料夾，亦或是重新命名操作都很麻煩，這裡提供一種vscode的解決方案。在vscode中克隆遠端github倉庫，然後對程式碼或檔案進行編輯，最後提交即可，就和管理本地檔案一樣方便。

準備工作

  1. 下方地址下載安裝git，已裝請忽略
https://git-scm.com/downloads
  1. 開啟命令列，輸入下列程式碼並回車
git --version
  1. 正常顯示版本號，則說明安裝成功
C:\Users\ghgxj\Desktop>git --version
git version 2.27.0.windows.1

新建倉庫

在github上新建一個倉庫，或者選擇你之前已經建好的倉庫，複製倉庫地址，在vscode中會用到。

https://github.com/XavierJiezou/internet-speed-monitor

克隆倉庫

  1. 開啟vscode，點選view-Command Palette…

在這裡插入圖片描述
2. 在命令皮膚中輸入git，點選Git: Clone

在這裡插入圖片描述

  1. 輸入我們之前複製的倉庫地址並回車

在這裡插入圖片描述

  1. 選擇一個本地路徑用於存放倉庫

在這裡插入圖片描述

  1. 右下角顯示正在將倉庫下載到本地

在這裡插入圖片描述

  1. 下載完成後，點選Open

在這裡插入圖片描述

提交修改

  1. 對檔案進行編輯，以readme.md為例。修改之後，左邊就會提示有幾處進行了修改。我這裡只修改了readme.md檔案，所以角標顯示的是1

在這裡插入圖片描述

  1. 點選對勾儲存所有的修改

在這裡插入圖片描述

  1. 點選Yes

在這裡插入圖片描述

  1. 輸入描述資訊，就是你到底修改了什麼，如果沒什麼修改就輸入空格，然後按回車（注意：如果什麼都不輸入，後面沒法推送）

在這裡插入圖片描述

  1. 點選Push推送更新。重新整理一下網頁，你就會發現內容已經更新了

在這裡插入圖片描述

溫馨提示

瀏覽器中先把github登入上，因為中間過程會彈出github的網頁授權驗證。

引用參考

https://blog.csdn.net/huhuhaha008/article/details/89048887

相關文章