在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。html

相關文章
相關標籤/搜索