如何在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

Spring Boot 自动配置

目录 什么是自动配置? Spring 加载 Bean @ComponentScan @Import 导入类 导入 ImportSelector 接口的实现类 SpringBoot 原理分析 @EnableAutoConfiguration @Import(AutoConfigurationImportSelector.class)  AutoConfigurationPackage SpringBoot 自动配置流程 什么是自动配置? Spring Boot 的自动配置:当 Spring 容器启动后,一些配置类、bean 对象等就自动存入 Ioc 容器中,而不再需要我们手动去声明,从而简化了程序开发过程,省去了繁琐的配置操作 也就是说,Spring Boot 的自动配置,就是 SpinrgBoot 将依赖 jar 包中的配置类以及 Bean 加载到 Spring Ioc 容器中的过程 在本篇文章中,

By Ne0inhk
Spring boot启动原理及相关组件

Spring boot启动原理及相关组件

优质博文:IT-BLOG-CN 一、Spring Boot应用启动 一个Spring Boot应用的启动通常如下: @SpringBootApplication@Slf4jpublicclassApplicationMain{ publicstaticvoidmain(String[] args){ ConfigurableApplicationContext ctx =SpringApplication.run(ApplicationMain.class, args);}} 执行如上代码,Spring Boot程序启动成功。事实上启动Spring Boot应用离不开SpringApplication。 所以,我们跟随SpringApplication的脚步,开始从源码角度分析Spring Boot的初始化过程。 btw,可参看例子一节,我对Spring Boot启动的拓展点都做了demo,可参照下面源码分析进行理解。 文档有一句话说了SpringApplication做了什么(目的): Create an appropriate ApplicationContext

By Ne0inhk
SpringAI 全栈开发 + RAG 检索增强实战

SpringAI 全栈开发 + RAG 检索增强实战

前言 随着生成式AI技术的规模化落地,企业级AI应用开发已从技术验证走向生产级部署。Java作为企业级开发的主流语言,长期以来缺乏原生适配Spring生态的AI开发框架,导致开发者需要对接多套异构SDK、处理复杂的适配逻辑、难以快速落地核心AI能力。SpringAI的出现彻底改变了这一现状,它以Spring生态原生的设计理念,提供了统一的大模型接入抽象、全链路的RAG能力支持、无缝整合Spring Boot的自动配置特性,让Java开发者可以用极低的成本完成企业级AI应用的开发与落地。 一、核心技术栈底层原理与选型 1.1 SpringAI核心架构与设计理念 SpringAI是Spring官方推出的开源AI应用开发框架,完全遵循Spring生态的设计哲学,提供了可移植的API抽象,支持主流大模型服务、向量数据库、文档处理、RAG、Function Calling等AI应用开发的全场景能力。 其核心架构分为四层: * 接入层:统一封装主流大模型、Embedding模型、向量数据库的SDK,屏蔽底层异构差异 * 抽象层:定义ChatModel、EmbeddingModel、

By Ne0inhk
Windows下使用nvm-windows管理Node.js版本及npm配置全指南

Windows下使用nvm-windows管理Node.js版本及npm配置全指南

在前端开发中,不同项目可能依赖不同版本的Node.js,直接安装多个Node版本会导致环境冲突。nvm-windows(Node Version Manager for Windows)是Windows系统下的Node.js版本管理工具,能轻松实现多版本切换、安装和卸载,配合npm配置还能提升开发效率。本文将从安装到实战,详细讲解nvm-windows的使用及npm配置技巧。 一、什么是nvm-windows? nvm-windows是Windows系统专用的Node.js版本管理工具,核心功能: * 同时安装多个Node.js版本,互不干扰; * 快速切换当前使用的Node版本; * 自动管理每个Node版本对应的npm(无需单独安装npm); * 支持安装稳定版、LTS版或指定版本。 二、安装nvm-windows(详细步骤) 1. 前置准备:卸载现有Node.js(可选但推荐) 如果已单独安装过Node.js,建议先卸载: * 打开“控制面板→程序和功能”,找到“Node.js”卸载; * 删除残留目录(如C:

By Ne0inhk