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

XavierJ發表於2020-09-17

寫在前面

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

相關文章