如何在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 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
Flutter for OpenHarmony:Flutter 三方库 riverbloc — 融合 Bloc 与 Riverpod 的架构实践(适配鸿蒙 HarmonyOS Next ohos)

Flutter for OpenHarmony:Flutter 三方库 riverbloc — 融合 Bloc 与 Riverpod 的架构实践(适配鸿蒙 HarmonyOS Next ohos)

欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.ZEEKLOG.net。 前言 在鸿蒙(OpenHarmony)中大型项目中,开发者常在 Bloc 的严谨性与 Riverpod 的灵活性之间权衡。riverbloc 作为桥接库,允许将 Bloc 作为 Provider 管理,兼具了事件溯源与全局依赖注入的优势,是构建可维护业务中枢的理想选择。 一、核心价值 1.1 基础概念 riverbloc 引入了 BlocProvider 系列函数,使 Bloc 融入 Riverpod 的依赖树。 State 输出 ref.watch ref.read.add(Event) Riverpod ProviderContainer riverbloc 桥接层 触发业务逻辑

By Ne0inhk