VsCode 内置 Git 可视化操作【初始化仓库】

最新推荐文章于 2025-06-22 00:56:45 发布
最新推荐文章于 2025-06-22 00:56:45 发布
阅读量1.5k 收藏 10
点赞数 7
CC 4.0 BY-SA版权
分类专栏： Git 文章标签： vscode git 前端 代码规范
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_60961397/article/details/135637755

在这里插入图片描述

目录标题

初始化全新项目并推送远程仓库

首先我们需要在远程创建一个用来托管代码的全新仓库

在这里插入图片描述

然后在我们本地项目根目录下，点击初始化仓库

在这里插入图片描述

我们初始化仓库后，会在左下角出现一个初始化的默认分支标识 （main）
在这里插入图片描述

如果不喜欢初始化默认分支名，也是可以修改的。
在这里插入图片描述

提交到 本地仓库

初始化本地仓库后， Git 会根据文件对比的功能从而判断筛选出，发生修改的文件，我们将这些文件添加到暂存区
在这里插入图片描述

在顶部，我们可以输入本次的提交日志，然后点击提交或者 【Ctrl + Enter】，就可以将项目提交到本地仓库了
在这里插入图片描述

同步到 远程仓库

提交到本地仓库后，接下来我们需要将代码推送到远程仓库做共享性托管

在这里插入图片描述

我们把刚才创建的远程仓库地址放进去，并选中它。
在这里插入图片描述

选中后，还会提醒我们，为当前远程仓库取一个自定义命名。
在这里插入图片描述

一切配置好后，我们只需要点击，发布分支就好了，这样就会将我们本地仓库的文件，同步到云端保存。
在这里插入图片描述

发布成功后，我们再去远程的仓库地址刷新，就能看到我们向远程提交的代码文件了
在这里插入图片描述

同时还可以创建多个新的分支，然后在新的分支上进行相应的开发，并且可以同步发布到远程。
在这里插入图片描述

在这里插入图片描述

🚵‍♂️ 博主座右铭：向阳而生，我还在路上！
——————————————————————————————
🚴博主想说：将持续性为社区输出自己的资源，同时也见证自己的进步！
——————————————————————————————
🤼‍♂️ 如果都看到这了，博主希望留下你的足迹！【📂收藏！👍点赞！✍️评论！】
——————————————————————————————

【全网最全面】VS Code使用Git可视化管理源代码详细教程
cnzzs的博客
10-17 8010
前言：随着VS Code的功能和插件的不断强大和完善，它已经成为了我们日常开发中一个必不可缺的伙伴了。在之前我曾经写过一篇SourceTree使用教程详解(一个git可视化管理神器，想要了解的话可以点击查看详情)，这篇文章主要是对VS Code如何使用Git可视化管理我们的程序源代码。VS Code简介：官网下载地址：...
Git：vscode内部集成的可视化git工具功能介绍和使用说明
qq_55906687的博客
03-30 3373
Git：vscode内部集成的可视化git工具功能介绍和使用说明
数据可视化-安装 Visual Studio Code （配图保姆级）
qq_49513817的博客
03-05 2679
特点：VS Code是一个轻量级的源代码编辑器，其主要功能并不是渲染可视化，但强在插件众多，安装方便，使用简洁。特点：Jupyter是一个基于Web的交互式计算环境，可以直接在浏览器里编辑代码，可以实现分布操作，提供了丰富的数据可视化库和工具，但功能较单一。Eclipse是一个集成开发环境，支持以java为主的多种语言，其本身也不支持数据可视化功能，需要安装插件，但插件安装复杂，胜在内置环境运行。安装路径不固定，推荐安装在C盘以外的任何盘，记住你的安装路径，后面需要。点击新建，粘贴刚才复制的路径，确定。
vscode git图形化使用教程（一文秒懂，快速上手）
IT嵌入式小生
03-21 5622
没有分布分支的话远端分支是没有的，并且后边没有跟着 origin，也就是代表不是远程分支。（如果想要切换分支，必须要先上传当前更改的再切换分支，切换完分支后变为之前分支内容）然后我们选择 merge 到主分支，右键 5 版本分支上的主分支选择 merge。但我们可以考虑一些可能影响项目的事实。重新拉取主分支，如果还是叫 master，master 就会回到最新的这个分支上。选中当前分支，checkout 就会切换为该分支，然后发布分支就会在远端看到了。发布分支，当前只是本地分支，然后我们需要发布分支。
基于VSCODE实现GIT图形化操作
最新发布
qq_58662768的博客
06-22 664
在 VS Code 中，Git 的图形化操作非常直观。
VS code 中 Git可视化管理工具教程
https://shixuebin.gitee.io/hexo-blog/
12-02 1775
0.背景 随着VS Code的功能和插件的不断强大和完善，它已经成为了我们日常开发中一个必不可缺的伙伴了。这篇文章主要是对VS Code如何使用Git可视化管理我们的程序源代码。 查看和切换当前分支 实际工作开发四步曲（添，提，拉，推）: 添：将修改的内容添加到本地暂存区 git add 提：将本地暂存区中的内容提交到本地代码库 git commit -m ‘description’ 拉：同步，拉取远程代码库中的内容，在多人协同开发中十分的重要，因为假如事先没有同步更新到最新版本有可能会覆盖别人修改的东.
用VScode可视化界面提交代码到git
qq_45363639的博客
11-20 3562
用vscode提交代码到git上是一件很方便的事情，它的可视化界面，不用我们手敲命令行因为敲错了导致代码提不上去 首先在vscode里面找到source control，下图红色箭头指向的就是 然后，我们将修改过的文件git add ，这一步在vscode的可视化里面如下图 点了+号以后，对应命令行我们应该执行的是 git commit这一步，对应的vscode可视化如下图 message中写你的备注，比如解决冲突，增加什么功能之类的 ，写完之后，点对号，git commit这一步就完成
git使用vscode可视化界面（源代码管理功能）提交文件到github
datou___的博客
03-20 1746
本文讲解如何借助vscode的源代码管理功能将自己的文件提交到github上
VS Code 最好的 Git 可视化插件
<sdffdsfsdfdfs>sfsfsfsdfsdffds</sdfsDS>Fsd
12-19 2368
????????关注后回复“进群”，拉你进程序员交流群????????作者丨小集来源丨小集（ID：zsxjtip）Visual Studio Code 有几组 git 命令来为您的代码存储库执行和执行多项任务。但是，如果我们希望可视化 git 历史记录，则可以使用 Don Jayamanne 的 Git History Extension。这是 Visual Studio Code 的一个出色且广泛使用的扩展，它向我...
【版本控制可视化革命】：VSCode中Git图形化界面的6大技巧
[【版本控制可视化革命】：VSCode中Git图形化界面的6大技巧](https://opengraph.githubassets.com/c9e7cd702ab129119f2b36e3a52c68b89c8a8108611f4e2c6874191dca1ca57c/vscode-icons/vscode-icons) # 1. Git在VSCode...
Fork使用教程（Git GUI页面可视化工具）
05-07
### Fork使用教程（Git GUI页面可视化工具） #### 一、仓库克隆 **1.1 打开Fork软件，点击File，点击Clone** - **步骤解析：** 使用Fork进行仓库克隆的第一步是在软件中打开“File”菜单，然后选择“Clone”选项...
【VSCode的Git图形化界面分析】：直观理解版本差异
[【VSCode的Git图形化界面分析】：直观理解版本差异](https://ucc.alicdn.com/pic/developer-ecology/jvupy56cpup3u_31e072e6240046cd82b1ee5291dbd754.png?x-oss-process=image/resize,s_500,m_lfit) # 1. VSCode与...
在vscode中使用git-新手向
细节处有神明的博客
03-21 1953
Git 应该是必学的版本同步工具，是代码管理的好帮手。可是对新手来说上手还是有一丢丢门槛，结合 vscode 同步非常方便。可实现可视化代码变化，提醒自己记录版本修改内容。非常好用。
vscode中 git 的使用
03-10
#### 初始化仓库或克隆现有项目 对于新创建的项目，可以在项目的根目录打开终端输入 `git init` 来初始化一个新的 Git 仓库；而对于已有远程仓库，则可以通过 `git clone URL` 将其下载到本地环境。 #### 日常开发...
vscode集成git
qq_37232843的博客
06-26 2316
1.git本地安装 官网下载地址 安装完成后，在开始菜单里找到“Git”->“Git Bash”，蹦出一个类似命令行窗口的东西，就说明 Git 安装成 功！ 如图： 命令行输入： $ git config --global user.name "Your Name" $ git config --global user.email "[email protected]" 注意 git config 命令的 --global 参数，用了这个参数，表示你这台机器上所有的 Git 仓库都会使用这个配置
VScode集成Git
Jak的博客
03-11 501
一、VSCode集成Git 参考博客
Python 最好用的8个VS Code扩展
Python实用宝典网
09-10 2011
1. Python extension for Visual Studio Code这个扩展是由微软官方提供的，支持但不仅限于以下功能：通过Pylint或Flake8支持代码检查在VS ...
Git使用： 命令以及对应的VSCode可视化操作
weixin_45762621的博客
04-07 1243
Git+VSCode的使用，git命令以及对应的VSCode可视化操作
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

旧梦星轨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值