在VS Code中使用Git進行版本管理及文件上傳到Github

GitHub是一個面向開源及私有軟件項目的託管平臺，只支持git作爲唯一的版本庫格式進行託管，相信每一個學習前端的人對git和GitHub都不陌生，但是對於剛剛接觸前端的人來說，看到這些會覺得很陌生，我剛剛接觸的時候就是這樣。我在這裏詳細的說明一下git和GitHub的一些基本使用方法。在進行git命令前我們需要安裝git.exe，這個直接到網上搜一下，下載安裝就可以了。

1. 首先，我們需要註冊GitHub賬號，然後登陸。
2. 進入GitHub後，我們需要新建一個庫，點擊New repository，進入之後頁面如下
   在Repository name中對自己的庫進行命名，Description處爲對此庫的描述，可以填也可以不填。
3. 下面的Public表示公共，Private表示私人，但是選擇Private是要花錢的，可能需要綁定銀行卡等操作，如果你的代碼不需要保密，在這裏我們選擇Public即可。
4. 下圖中藍色線畫的可以選擇也可以不選擇，在這裏我們選擇上，會自動生成一個README文件。
5. 打開在桌面或其他位置新建一個文件夾，打開VS Code，用VS Code打開剛纔建的文件夾，新建自己想要建的文件並保存。
6. 在VS Code菜單欄中點擊終端，並選擇新建終端。
7. 在終端中輸入git init對終端中的文件夾進行初始化。
8. 輸入git status查看文件夾中文件的狀態。
   發現文件夾中有兩個文件，文件名稱爲紅色。
9. 輸入git add first.html second.wxml將文件夾的文件添加到庫中。
   再次輸入git status查看文件的狀態
   這時發現文件名的顏色爲綠色，說明已經將文件添加到了庫中。
10. 輸入git commit -m 'second'，此處引號內的名稱可以爲任意。
11. 由於第一次使用git，在上一步中會報錯，這時我們只需輸入git config --global user.name 'GitHub賬戶名'運行後再輸入git config --global user.email '註冊GitHub時的郵箱'即可。
12. 再次輸入git status查看文件狀態，發現工作樹爲空，則說明上述操作成功。
13. 輸入git branch查看目前文件所在的分支爲master
14. 以上爲git的一些基本操作，下面講述如何將文件遠程提交到GitHub，打開自己剛剛在GitHub上新建的庫，點擊Clone or download，再點擊右側帶箭頭的文件圖標，將地址複製下來。
    
15. 在VS Code中繼續輸入git remote add origin https://github.com/yhlp/display.git，最後的地址爲剛剛在GitHub上覆制的地址。
16. 輸入git push -u origin master，運行後我們會發現報錯
    這是因爲沒有將庫中的README.md文件下載下來，這時我們只需輸入git pull --rebase origin master，執行結束後我們會發現左側文件夾中多了一個文件
    
    這時我們再執行git push -u origin master，執行結束後文件就已經成功提交到GitHub。
    到GitHub上查看，發現文件已經成功提交。
17. 以上爲git的一些基本操作及將代碼遠程提交到GitHub的操作，上述代碼也可以在安裝好的git bash中進行，Windows系統安裝好git.exe後，只需在桌面空白處右鍵便能看到git bash。