Git - VSCode 使用手册

谁借莪１个温暖的怀抱￠ 2023-10-08 18:14 41阅读 0赞

## Git - VSCode 使用手册 ##

本文为在 VSCode 中使用 Git 的基本使用手册。

本文仅演示 VSCode 默认提供的 Git 源代码管理功能，进阶Git功能可安装额外的Git插件。

### 1. 克隆仓库 ###

*  `源代码管理` 面板中，点击 `克隆仓库`

![在这里插入图片描述][705852925d34441f8d01cb98222052ee.png]

*  输入 `仓库URL`

![在这里插入图片描述][e60b2ac83f78434084e924b173d909e4.png]

*  仓库URL，示例

http://127.0.0.1:8080/username/HelloWorld.git

*  选择仓库存储地址

![在这里插入图片描述][9cd72cb7e1734d20a0240262c7a1fa3b.png]

*  打开仓库或仓库内的项目

![在这里插入图片描述][78a5b56d3b9d47c08a09aa6a4ab8a21e.png]

*  `源代码管理` 面板中，可以看到Git仓库状态。

下载下来的项目，默认检出的分支为主分支。

![在这里插入图片描述][f1adb56c286446e0b8449f286aecf3ed.png]

*  查看分支情况（本地分支和远程分支）

![在这里插入图片描述][d731601f711e4c12afd5631846fb1775.png]

### 2. 新建 feature 分支 ###

*  点击分支按钮，选择 `从...创建分支`

![在这里插入图片描述][978d6e6d44ec4f8588e371fb000a2157.png]

*  选择从远程develop（`origin/develop`）分支创建

![在这里插入图片描述][c9b8f65ea494464ea152b6d7f02846f7.png]

*  为新分支起名

![在这里插入图片描述][969fb48eeaf048f1881194a8bd52dafa.png]

### 3. 同步 feature 分支到远程仓库 ###

新建分支（如：feature\_1）为本地分支，需要推送到服务器上的远程仓库中。

*  点击 `发布 Branch` 按钮，推送本地分支到远程仓库。

![在这里插入图片描述][bdfad725599b43b3ba6b2db6201ea1b4.png]

*  查看远程仓库分支状态

新增分支应该已经加入远程仓库中。  
![在这里插入图片描述][6dc6421feddc4addb6f80fdd85d93a03.png]

### 4. 将文件加入版本管理（add） ###

*  新增文件（尚未纳入版本管理）

![在这里插入图片描述][535330053c4f4369b8e34416c52ca32c.png]

*  在 `源代码管理` 面板，查看未加入版本管理的文件

![在这里插入图片描述][a3c79c1ba9a04cf28af2af3fc066ef0c.png]

*  暂存更改

![在这里插入图片描述][8e5f423f9adc4b348f4020d9e69f0ceb.png]

*  暂存后效果

已暂存的文件，已经加入到 Git 版本管理中（后缀 `A` ：已添加索引）

![在这里插入图片描述][b53ff254e8e3422d9732a839f76efa66.png]

### 5. 查看代码更改 ###

如果要查看某个文件的更改，在 `源代码管理` 面板，点击该文件，对比结果将在右侧显示。

![在这里插入图片描述][d7e5c43a416c44d8a0b7d6f784b047c4.png]

### 6. 提交（commit）到本地仓库 ###

1.  填写提交 `消息` （提交日志）。
2.  点击 `提交` 按钮。

![在这里插入图片描述][a90be76046834c25b834e31eb66c4852.png]

提交信息，是必须要填写的，否则会提交不上去。

*  没写 **提交消息** ，会提醒填写。

![在这里插入图片描述][684542b3182c4714801ed1c9ec035fb8.png]

*  如果不写 **提交消息** ，提交操作会被取消。

![在这里插入图片描述][792a02491d5749fbb0a1832efc118375.png]

### 7. 推送（push）到远程仓库 ###

*  推送，点击 `同步更改` 按钮

![在这里插入图片描述][d88b98a8f7fe4442839832a096ceadda.png]

*  查看服务器，确认推送已经成功。

![在这里插入图片描述][ca861452f29345a9846a73bbce862fe9.png]

### 8. 从服务器拉取（pull）更新 ###

*  远程仓库产生了修改，需要更新到本地仓库

![在这里插入图片描述][24b98219915c4de5a63123007db035e9.png]

*  点击 `同步` 按钮，从远程仓库拉取更新

![在这里插入图片描述][982046997e32474cae6d1be3416d03f0.png]

*  同步结果如下。本地增加了新文件 Department.json。

![在这里插入图片描述][ddb10f5f43af4bb4a7137da9d647f1bb.png]

[705852925d34441f8d01cb98222052ee.png]: https://img-blog.csdnimg.cn/705852925d34441f8d01cb98222052ee.png
[e60b2ac83f78434084e924b173d909e4.png]: https://img-blog.csdnimg.cn/e60b2ac83f78434084e924b173d909e4.png
[9cd72cb7e1734d20a0240262c7a1fa3b.png]: https://img-blog.csdnimg.cn/9cd72cb7e1734d20a0240262c7a1fa3b.png
[78a5b56d3b9d47c08a09aa6a4ab8a21e.png]: https://img-blog.csdnimg.cn/78a5b56d3b9d47c08a09aa6a4ab8a21e.png
[f1adb56c286446e0b8449f286aecf3ed.png]: https://img-blog.csdnimg.cn/f1adb56c286446e0b8449f286aecf3ed.png
[d731601f711e4c12afd5631846fb1775.png]: https://img-blog.csdnimg.cn/d731601f711e4c12afd5631846fb1775.png
[978d6e6d44ec4f8588e371fb000a2157.png]: https://img-blog.csdnimg.cn/978d6e6d44ec4f8588e371fb000a2157.png
[c9b8f65ea494464ea152b6d7f02846f7.png]: https://img-blog.csdnimg.cn/c9b8f65ea494464ea152b6d7f02846f7.png
[969fb48eeaf048f1881194a8bd52dafa.png]: https://img-blog.csdnimg.cn/969fb48eeaf048f1881194a8bd52dafa.png
[bdfad725599b43b3ba6b2db6201ea1b4.png]: https://img-blog.csdnimg.cn/bdfad725599b43b3ba6b2db6201ea1b4.png
[6dc6421feddc4addb6f80fdd85d93a03.png]: https://img-blog.csdnimg.cn/6dc6421feddc4addb6f80fdd85d93a03.png
[535330053c4f4369b8e34416c52ca32c.png]: https://img-blog.csdnimg.cn/535330053c4f4369b8e34416c52ca32c.png
[a3c79c1ba9a04cf28af2af3fc066ef0c.png]: https://img-blog.csdnimg.cn/a3c79c1ba9a04cf28af2af3fc066ef0c.png
[8e5f423f9adc4b348f4020d9e69f0ceb.png]: https://img-blog.csdnimg.cn/8e5f423f9adc4b348f4020d9e69f0ceb.png
[b53ff254e8e3422d9732a839f76efa66.png]: https://img-blog.csdnimg.cn/b53ff254e8e3422d9732a839f76efa66.png
[d7e5c43a416c44d8a0b7d6f784b047c4.png]: https://img-blog.csdnimg.cn/d7e5c43a416c44d8a0b7d6f784b047c4.png
[a90be76046834c25b834e31eb66c4852.png]: https://img-blog.csdnimg.cn/a90be76046834c25b834e31eb66c4852.png
[684542b3182c4714801ed1c9ec035fb8.png]: https://img-blog.csdnimg.cn/684542b3182c4714801ed1c9ec035fb8.png
[792a02491d5749fbb0a1832efc118375.png]: https://img-blog.csdnimg.cn/792a02491d5749fbb0a1832efc118375.png
[d88b98a8f7fe4442839832a096ceadda.png]: https://img-blog.csdnimg.cn/d88b98a8f7fe4442839832a096ceadda.png
[ca861452f29345a9846a73bbce862fe9.png]: https://img-blog.csdnimg.cn/ca861452f29345a9846a73bbce862fe9.png
[24b98219915c4de5a63123007db035e9.png]: https://img-blog.csdnimg.cn/24b98219915c4de5a63123007db035e9.png
[982046997e32474cae6d1be3416d03f0.png]: https://img-blog.csdnimg.cn/982046997e32474cae6d1be3416d03f0.png
[ddb10f5f43af4bb4a7137da9d647f1bb.png]: https://img-blog.csdnimg.cn/ddb10f5f43af4bb4a7137da9d647f1bb.png