编辑器功能 | 如何将Vscode中的项目代码实时上传到远程仓库Gitee(GitHub)

108 阅读1分钟

1.创建一个新项目exp,进入目录,右击点Git Bash Here,打开git命令行窗口,输入git init 初始化仓库,即可生成一个 .git 目录

1.png 2.png

2.创建一个远程仓库,使用github(外网www.github.com)或者gitee(国内码云www.gitee.com)均可,以gitee为例,步骤如下

2.1右上角,新建仓库

3.png

2.2设置仓库名称、路径、介绍,点击创建

4.png

2.3复制新建仓库的地址

5.png

3.用vscode编辑器打开项目文件

3.1新建两个文件

06.png 显示是绿色的,且有一个“U”,这代表着在本地新建了该文件,但是还未提交到远程仓库

3.2提交文件到远程仓库

3.2.1打开第三个图标“源代码管理”,点击两个文件的加号进入暂存区

07.png 08.png

3.2.2点击右上角三个点—远程—添加远程仓库

09.png

3.2.3将复制的仓库网址粘贴至此,点击回车,输入名字再次回车,连接到远程仓库

10.png

3.2.4后开始提交文件至远程仓库,输入提交信息,方便查询版本;也可以点击√,进行提交

11.png

3.2.5提交完毕,点击“发布分支”,或者是左下角的“同步更新”

12.png 13.png

这样就可以提交到远程仓库了

3.3 查看更改内容

3.3.1修改文件

15.png 显示是橙色的,且有一个“M”,这代表着在远程仓库中添加了这个文件,然后修改了内容 16.png 显示是红色的,且有一个“D”,这代表着删除了这个文件

3.3.2点击加号添加至暂存区,再写明提交信息“first modify”,ctrl+enter即可,点击“同不更改”到远程仓库即可

17.png 18.png 19.png

3.3.3在远程仓库查看修改,点击“first modify”

20.png 21.png 就可以看到修改的内容啦