在VsCode中如何使用Git

本文介绍了如何在Visual Studio Code (VsCode) 中利用GitLens插件进行Git操作,包括克隆仓库、安装依赖、运行项目、查看更改、拉取、暂存、提交、推送及解决冲突的步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

大部分前端都是用VsCode作为代码编辑器,那么我们如何在VsCode中使用Git呢?

准备工作:

1. 在vscode中安装插件GitLens

使用教程:

1. 点击文件-新建窗口

2. 克隆git仓库

3. 克隆完成后,npm i 安装依赖,然后运行项目

4. 修改代码后,可以看到已更改的文件,如图

5. 提交之前先拉取代码

6. 可以看到滚动显示的进度条,当进度条不再显示时,说明已拉取完成

7. 暂存需要提交的文件

8. 提交暂存的文件,写注释

9. 推送

10. 如果拉取代码有冲突,会在拉取后进行提示,如图:

11. 此时需要先stash

如果这个操作不生效,则可以使用下方的操作

操作完成之后,不显示更改的文件

12.执行拉取操作

13.拉取完成之后,应用存储,选择刚才存储的内容

 

 

 

 

 

 

 

 

 

 

 

### 集成和使用Git进行版本控制 #### VSCode中的Git设置 为了在Visual Studio Code (VSCode) 中配置并使用Git作为版本控制系统,需先确认已安装Git工具[^2]。接着,在VSCode内通过扩展市场安装官方提供的Git插件,这一步通常不是必需的因为大多数情况下该功能已经内置。 完成上述准备之后: - 打开命令面板 (`Ctrl+Shift+P` 或 `Cmd+Shift+P`) 并输入 "Git: Clone" 来克隆远程仓库至本地。 - 对于新建项目,则可以在终端中执行 `git init` 初始化一个新的Git仓库[^1]。 ```bash # 初始化新的Git仓库 $ git init ``` #### 常见操作指南 ##### 提交更改 当文件被修改后,可以通过左侧活动栏上的源代码管理图标查看状态变化。点击加号按钮可以暂存(staging)这些改动;随后填写提交信息并通过打勾按钮来创建一次提交记录。 对于更复杂的场景下,也可以直接利用集成终端来进行手动操作: ```bash # 添加所有变更到暂存区 $ git add . # 创建新提交 $ git commit -m "描述性的提交消息" ``` ##### 同步远端分支 保持工作副本与远程服务器同步非常重要。拉取最新更新前最好先推送当前的工作成果以避免冲突发生。 ```bash # 推送本地提交到指定远程分支 $ git push origin main # 获取最新的上游变动并与之合并 $ git pull origin main ``` ##### 解决冲突 如果多人协作开发过程中遇到冲突情况,VSCode会高亮显示受影响的部分,并提供直观界面帮助解决这些问题。按照提示编辑冲突区域直至满意为止,最后再次提交解决方案即可继续流程[^3]。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值