如何在VsCode中使用git(免敲命令版本!保姆级!建议收藏!)

如何在VsCode中使用git(免敲命令版本!保姆级!建议收藏!)

目录

文章目录

前言

一、电脑安装git

二、在vscode安装git插件

三、克隆仓库

四、提交代码

五、创建分支、切换分支、合并分支

1、创建分支

2、切换分支

3、合并分支

六、创建标签和推送标签

七、解决冲突

八、拉取、抓取仓库

九、Reivew代码

总结


前言

随着Vscode的推出和普及,Git的使用也发生了变化,从原来的命令行管理仓库,再到现在用vscode从提交代码、解决冲突、reivew代码,整个管理仓库的过程全部都是可视化,大大降低了新手的使用难度,让新手也能轻松使用git

一、电脑安装git

git官网:Git - 安装 Git

安装完git后,打开vscode显示这样的界面就是安装成功了

二、在vscode安装git插件

安装这三个插件,这三个插件可以帮助你查看历史提交记录和分支管理

三、克隆仓库

在githu或者gitlab上面复制你仓库的URL,Https和SSH都可以

点击克隆仓库

粘贴刚刚复制的URL

存储在你的文件夹中

 克隆完后会弹窗提示,我们打开刚刚克隆的仓库

 这样我们就能看到仓库的工程目录了

四、提交代码

修改保存的文件都在这个框会显示,暂存更改就是相当于命令行的 git add

 填写完后点击提交就提交到本地仓库,再同步提交到远程。这里相当于命令行的 git push

如果想撤回暂存的提交也可以点击 撤销上次提交就可以退回未提交前的状态了

五、创建分支、切换分支、合并分支

1、创建分支

 输入你新分支的名字,我这里就设置为feature-led-name,后面的name就是你的名字,关于分支的命名规范,你们的可以搜下git命名规范照着命名就可以了

创建分支成功会自动切换程新建的分支,然后就可以开始写代码了,如下图所示:

2、切换分支

这里分本地分支和远程分支,本地分支就是你新建的分支还没推到远程仓库上面的,其他仓库组成员是看不到的,远程分支则是已经推送到了远程仓库的分支,其他组成员是能拉到本地进行开发的分支,点击你想切换的分支进行切换即可

这里有个容易忽略的地方,就是切换分支之前,一定要把修改的东西先提交或者撤销,否则会切换不成功

3、合并分支

合并分支就可以用到我们刚刚安装的那三个插件的其中之一git graph了,打开git graph,可以看到仓库分支代码提交的作者、日期、分支创建、合并等等信息,非常方便

提交完代码后,先切换到你要合并的分支,例如release分支,然后右击要合并的分支

合并完再同步提交到远程仓库就大功告成了

六、创建标签和推送标签

七、解决冲突

这时候又用到刚刚安装的三个插件之一GitLens了,解决完冲突重新提交即可

八、拉取、抓取仓库

九、Reivew代码

点击你要reivew的分支就可以看到别人提交的代码和信息了,点击文件就可以开始查看了

左边是提交前的代码,右边是提交后的代码,一目了然知道他修改了什么

 


总结

本文详细介绍了在VSCode中使用Git进行代码管理的完整流程,包括Git安装、插件配置、仓库克隆、代码提交、分支管理(创建/切换/合并分支)、标签管理、冲突解决等核心功能。通过可视化操作界面,大大降低了Git的使用门槛,使新手也能轻松掌握版本控制技巧。文章特别强调了VSCode的三款必备插件(Git History、GitLens、Git Graph)在代码审查、分支可视化和冲突解决中的重要作用,并提供了从本地操作到远程协作的完整工作流指导。

Read more

Flutter for OpenHarmony:Flutter 三方库 auto_mappr 自动化对象映射神器(架构瘦身引擎)

Flutter for OpenHarmony:Flutter 三方库 auto_mappr 自动化对象映射神器(架构瘦身引擎)

欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.ZEEKLOG.net。 前言 在构建大型鸿蒙(OpenHarmony)商业应用时,我们经常需要处理三种对象模型: 1. Entity/Model:直接对应后端 API 或数据库底层。 2. DTO (Data Transfer Object):用于数据传输。 3. ViewModel/Domain Object:供鸿蒙 UI 页面直接渲染。 手动编写这些对象之间的转换函数(如 toDomain())不仅极其乏味,还容易漏掉字段。auto_mappr 是一个基于代码生成的映射框架,它能帮你自动化生成这些零碎的转换代码,让你的鸿蒙工程架构瞬间“瘦身”。 一、原理解析 / 概念介绍 1.1 基础概念 auto_mappr 就像是一个智能的“搬运工”

By Ne0inhk
【毕业设计】SpringBoot+Vue+MySQL . Web考编论坛网站平台源码+数据库+论文+部署文档

【毕业设计】SpringBoot+Vue+MySQL . Web考编论坛网站平台源码+数据库+论文+部署文档

💡实话实说: 用最专业的技术、最实惠的价格、最真诚的态度服务大家。无论最终合作与否,咱们都是朋友,能帮的地方我绝不含糊。买卖不成仁义在,这就是我的做人原则。 摘要 随着互联网技术的快速发展,在线教育及职业考试备考需求日益增长,公务员及事业单位考试(简称“考编”)成为众多求职者的热门选择。传统的线下备考模式存在信息分散、交流效率低等问题,亟需一个集学习资源、经验分享、互动交流于一体的在线平台。基于此背景,设计并开发一款Web考编论坛网站平台,旨在为考生提供高效便捷的备考工具,整合优质学习资源,促进考生间的互动交流,提升备考效率。该平台通过在线论坛、资料共享、实时讨论等功能,帮助考生系统化学习,同时为管理员提供用户管理、内容审核等后台支持。 本系统采用SpringBoot作为后端框架,结合Vue.js实现前端交互,MySQL作为数据库存储数据,构建了一个功能完善的Web考编论坛平台。关键技术包括RESTful API设计、JWT身份认证、Axios异步通信、Element UI组件库等。核心功能模块涵盖用户注册登录、帖子发布与评论、资源上传下载、个人中心管理及后台数据统计等。系统

By Ne0inhk

Qwen3-VL-WEBUI二次开发:免环境配置,直接改代码

Qwen3-VL-WEBUI二次开发:免环境配置,直接改代码 1. 为什么选择Qwen3-VL-WEBUI进行二次开发 对于创业团队来说,快速定制AI模型的前端界面是提升产品竞争力的关键。Qwen3-VL作为阿里开源的多模态大模型,具备强大的图文理解能力,但原生界面往往无法满足特定业务需求。传统开发方式需要搭建Python环境、配置依赖项,这对不熟悉后端的前端开发者来说门槛较高。 Qwen3-VL-WEBUI镜像提供了开箱即用的解决方案: * 零配置启动:预装所有依赖项,无需手动安装Python、CUDA等环境 * 即改即生效:前端代码与后端服务已打通,修改HTML/CSS/JS后刷新即可看到变化 * 完整功能保留:基于官方Qwen3-VL模型,完整支持图文问答、文档解析等核心功能 * GPU资源优化:针对4B/8B版本优化显存占用,消费级显卡(如RTX 3090/4090)即可运行 2. 快速部署Qwen3-VL-WEBUI开发环境 2.1 准备工作 确保拥有以下资源: - GPU实例(推荐显存≥24GB,如RTX 3090/4090) - 浏览器访问权限

By Ne0inhk

Hookshot:轻量级GitHub Webhook处理工具

Hookshot:轻量级GitHub Webhook处理工具 项目基础介绍 Hookshot 是一个开源项目,它是一个用于处理GitHub post-receive hooks的轻量级库和伴随的命令行界面(CLI)工具。这个项目是用 JavaScript 编写的,提供了一个简单的方式来响应GitHub上特定分支的push事件。 项目核心功能 * 事件监听:能够监听特定的GitHub分支事件,比如push、创建和删除分支。 * 命令执行:在接收到push事件时,可以执行指定的shell命令或JavaScript函数。 * CLI工具:提供了一个命令行工具,方便用户通过简单的命令行操作来设置和运行webhook。 * 自定义路由:可以将hookshot挂载到现有express服务器的自定义路由上。 项目最近更新的功能 最近的更新中,Hookshot可能包含以下新功能或改进: * 增强的事件处理:项目可能增加了对GitHub发送的更多类型事件的处理能力。 * 安全性改进:更新可能包括了对输入验证和错误处理的增强,以提高安全性。 * 性能优化:为了更有效地处理

By Ne0inhk