一、下載Git和VScode,網上資料很多,這裏就不贅述了

二、打開VSCode,確認Git下載完成

如何利用VSCode優雅的使用Git提交至GitHub_visual studio code怎麼推送到github_github

三、新建一個文件夾(儘量使用英文名,我這裏帶了中文!)並使用VSCode打開,在文件夾下面新建一個文件,隨便寫點東西並保存

如何利用VSCode優雅的使用Git提交至GitHub_visual studio code怎麼推送到github_git_02

四、第一次初始化倉庫,會出現一個彈窗,點擊“始終”即可

如何利用VSCode優雅的使用Git提交至GitHub_visual studio code怎麼推送到github_github_03

如何利用VSCode優雅的使用Git提交至GitHub_visual studio code怎麼推送到github_github_04

五、先給提交起個名稱,再點擊提交,此時又會出現一個彈窗,點擊“取消”

如何利用VSCode優雅的使用Git提交至GitHub_visual studio code怎麼推送到github_用户名_05

六、打開命令行終端,輸入以下命令

git config --global user.name "用户名"
git config --global user.email 郵箱地址

如何利用VSCode優雅的使用Git提交至GitHub_visual studio code怎麼推送到github_用户名_06

如何利用VSCode優雅的使用Git提交至GitHub_visual studio code怎麼推送到github_用户名_07

七、之後再次點擊提交,即可提交成功

如何利用VSCode優雅的使用Git提交至GitHub_visual studio code怎麼推送到github_github_08

八、再次重複之前步驟,執行第二次提交

如何利用VSCode優雅的使用Git提交至GitHub_visual studio code怎麼推送到github_git_09

如何利用VSCode優雅的使用Git提交至GitHub_visual studio code怎麼推送到github_github_10

九、能夠在vscode下方看到兩次提交,可以點擊查看

如何利用VSCode優雅的使用Git提交至GitHub_visual studio code怎麼推送到github_用户名_11

十、之前的提交都是在本地電腦上進行的,也就是説大家並沒有提交到遠程服務器中,以下是如何提交到github中。點擊發布,出現彈窗,點擊“允許”,跳轉到瀏覽器中登錄github,然後授權vscode使用github,之後回到vscode,會出現設置為共有還是私有選項,選擇哪個點擊即可(過程中出現卡頓,可能需要設置代理!!!)

如何利用VSCode優雅的使用Git提交至GitHub_visual studio code怎麼推送到github_git_12

如何利用VSCode優雅的使用Git提交至GitHub_visual studio code怎麼推送到github_github_13

如何利用VSCode優雅的使用Git提交至GitHub_visual studio code怎麼推送到github_github_14

十一、登錄我們的github,會發現剛才提交的項目出現在倉庫中

如何利用VSCode優雅的使用Git提交至GitHub_visual studio code怎麼推送到github_用户名_15