一、軟件環境說明(演示環境)
1、操作系統:Windows7旗艦版(64bit)
2、Visual Studio Code版本:1.32.3
3、Git版本:2.21.0.windows.1
二、軟件安裝
1、Visual Studio Code安裝
下載地址:https://code.visualstudio.com,下載后直接雙擊進行安裝。
2、Git安裝
下載地址:https://git-scm.com/download/win,下載后直接雙擊進行安裝。
Git安裝之后,在操作系統的開始菜單中共有三個程序:Git Bash,Git CMD,Git GUI。
Git Bash:也是Git的命令操作窗口,基於Git CMD,但是在其基礎上增添了一些新的命令與功能,因此建議使用Git Bash,使用起來更加方便,接下來的演示操作全部在Git Bash中進行。
Git CMD:Git的命令操作窗口。
Git GUI:Git的可視化圖形操作界面,不做詳細介紹。
三、Git部署與配置
1、建立本地倉庫
新建文件夾或選擇已有文件夾用作本地倉庫。
3、進行“Git Bash Here”操作
打開Git Bash,切入本地倉庫,或者直接在本地倉庫中進入命令行。
注意:從開始菜單中執行Git Bash,默認就在“C:\Users\你自己的操作系統的用戶名”文件夾下,通過命令切換操作才能進入到准備建立本地倉庫的文件夾下。
4、配置用戶名
命令:git config --global user.name “用戶名”
5、查看用戶名
命令:git config user.name
6、配置用戶郵箱
命令:git config --global user.email “郵箱”
7、查看用戶郵箱
命令:git config user.email
8、初始化本地倉庫
命令:git init
9、暫存文件
命令:git add .(注意后邊的點號“.”不能省略)
10、提交文件
命令:git commit -m “第一次提交”
11、生成SSH私鑰和公鑰
命令:ssh-keygen -t rsa -C “注冊郵箱”
12、查看公鑰
打開“C:\Users\你自己的操作系統的用戶名\.ssh”文件下有三個文件,其中id_rsa.pub就是公鑰,用記事本打開,復制全部內容,過一會在GitHub中要用。
四、GitHub部署與配置
1、注冊GitHub賬號
打開GitHub網站:https://github.com/,注冊並登陸(簡單不再贅述)。
2、配置SSH公鑰
點擊我的頭像,選擇“Settings”選項單擊打開。
左側菜單欄中找到“SSH and GPG keys”,然后點擊右上角新增公鑰“New SSH key”。
為公鑰設置一個自定義標題“Title”,然后將上邊已經生成的公鑰文件中的內容拷貝到“Key”中,然后點擊“Add SSH key”完成公鑰配置。
3、建立遠程倉庫
單擊用戶圖標左邊的”+“號按鈕,在彈出的菜單中單擊”New repository“。
完成下圖三步操作后點擊創建倉庫“Create repository”。
創建完成后效果如下圖所示:
4、查看遠程倉庫地址
將遠程倉庫SSH地址保留,用於和本地倉庫關聯。
五、配置本地倉庫關聯GitHub遠程倉庫
1、配置遠程倉庫
命令:git remote add 遠程倉庫名稱 遠程倉庫地址(這個很重要,不能錯)
2、查看已配置的遠程倉庫
命令:git remote 或 git remote -v
3、遠程倉庫連接測試(備注host)
命令:ssh -T git@github.com
4、將遠程倉庫內容拉到本地倉庫
命令:git pull 遠程倉庫名 master --allow-unrelated-histories
注意:后面的“--allow-unrelated-histories”這個參數不能省,否則出錯,拉取中若進入文本編輯界面,直接輸入“:q”(退出的意思)回車即可。
5、將本地倉庫的內容推送到遠程倉庫
命令:git push 遠程倉庫名 master
重新刷新遠程倉庫,即可看到本地倉庫內容已上傳。
六、在Visual Studio Code中使用Git和GitHub
若以上配置全部正確,那么在Visual Studio Code中就可以直接使用Git和GitHub來管理自己的項目了,不用再做任何配置。
1、暫存文件
你只要通過Visual Studio Code修改了本地倉庫的任何文件或目錄,都會在“源代碼管理”菜單上出現數字及標志提示,其中數字代表已修改的文件個數,而字母標志“D”表示刪除了文件,“M”表示了修改了已有文件的內容等等。
點擊系統菜單,將已修改文件進行暫存,界面會對已經暫存更改和沒有暫存的更改進行顯示。
2、提交到本地倉庫
單擊系統菜單,然后執行“全部提交”菜單命令。
輸入提交備注信息后回車提交到本地倉庫完成。
3、推送至GitHub遠程倉庫
單擊系統菜單,然后執行“推送到”菜單命令。
選擇你自己的遠程倉庫的地址(環境配置好之后,此時會自動彈出選擇列表供用戶選擇),系統就會自動將本地倉庫中的文件推送至遠程倉庫中(網絡傳輸需要一段時間)。
4、查看遠程倉庫文件