1.创建一个仓库来放你的项目

2.设置

• 创建完成后，任意地点创建一个空文件夹，名字随意；或者打开一个已有项目的文件夹。

  • 我是新创建了一个文件夹VSCodeTest

    
    2.png

• 在当前文件夹下右击执行Git Bash（这里不考虑cmd）

• 输入如下命令：

  git init
  

  之后你会在你的文件夹下看见一个.git的隐藏文件
  

  3.png

• 此时说明该文件夹已经成为受控制的文件夹

• 由于我的文件夹内是空的所以我创建了一个名为test.php的文件，你也可以将你的项目拖进此文件夹下

• 依次输入如下命令：

  git add test.php
  git commit -m "第一次提交" //注释说明
  git remote add origin https://github.com/AlwaysbeFun/VSCode_Git_Test.git 
  git push -u origin master  //提交到你的仓库
  

  4.png
  • 注意：https://github.com/AlwaysbeFun/VSCode_Git_Test.git这个地址一定不要写错。这个地址就是你仓库的地址，可以打开GitHub，点开你的仓库，就可以看见这个地址，直接复制过来就行。
  • 再次注意：如果你是第一次通过git去使用GitHub，还需要有几个步骤需要去做
    1.全局配置

    git config --global user.name "你的用户名"
    git config --global user.email "你的邮箱"
    

    2.设置GitHub上的SSH Key，这里就不详细说这个了，很简单去百度查一查，也就是按几下回车的事情

    
    6.png

• 接下来就可以在GitHub上看到你提交的代码了

  
  5.png

3.利用VSCodes上传代码至GitHub

(1)文件的变化

• 接下来事情就很简单了，在VSCode中打开受控制的文件夹或者说打开你初始化后的的项目，我新建立一个hahaha.php的文件，此时左侧菜单栏立马就会有反应

  
  7.png

• 由此可以得出结论，只要该文件夹下稍有变动就会检测出来，并且可以提示出来有几个文件有变动

(2)上传

• 点击这个类似于弹弓一样的图标，我们可以发现刚才创建的hahaha.php正在等待被上传

  
  8.png

• 如果你想上传单个文件可以点击该文件右侧的小加号

  
  9.png

• 上传多个文件就可以直接点击更改右侧的加号
  

  10.png

• 上传之后会让你填写说明，说明你本次提交的东西有什么样的改动，写完之后直接按Ctrl + 回车提交
  11.png

• 到此为止还差最后一步，就是推送到GitHub相当于Git当中的pull命令。
• 还是点击弹弓一样的图标，找到你的受控制文件夹，右侧有一个“...”的图标，点击该图标会出现一个长菜单，点击其中的推送即可完成。
  13.png

• 完成，直接去GitHub上看效果

  
  12.png