【HBuilderX 中 Git 的使用】



一:安装必要的版本控制工具


1️⃣ 安装 TortoiseGit 工具,下载地址:https://tortoisegit.org/download

在这里插入图片描述

除了 选择安装路径外,其他的都不用修改,一直 Next 就安装好了。


2️⃣ 安装 Git 插件

HBuilderX 中,顶部工具栏选择 工具插件安装

在这里插入图片描述

然后 先切换到 安装新插件,然后往下滑找到 Git插件 ,点击安装即可👇

在这里插入图片描述

安装完成后,关闭 HBuilderX ,然后 重新打开。这样才能让 Git插件 去配置上 TortoiseGit 工具。

 


 

二:把Github上的项目克隆到本地


1️⃣ 在 HBuilderX 的顶部工具栏选择 文件导入从Git导入 .

在这里插入图片描述

2️⃣ 粘贴想要克隆的项目的 Github仓库地址 ,然后点击 导入 . 👇

在这里插入图片描述

3️⃣ 接下来会自动弹出这个窗口,主要用来确认 克隆仓库地址本地存放目录 . 👇

在这里插入图片描述

4️⃣ 等待克隆就可以。关于 Git及Github的使用和加速 可以看我这篇帖子 👉 【Git的安装和Github的使用】

在这里插入图片描述

5️⃣ 最后在 HBuilderX 左侧的项目目录中就可以看到我们克隆下来的项目。(项目名称后还标有 分支名称)

 


 

三:将本地的项目上传到Github上


1️⃣ 在本地项目文件夹上鼠标右键 → 显示更多选项 → 选择 Git Create repository here...

在这里插入图片描述

2️⃣ 在弹窗的窗口中 直接 点击 OK 即可。最后 会提示我们已初始化Git仓库!点击 确定 即可。👇

在这里插入图片描述

在这里插入图片描述

3️⃣ 进入项目文件中,可以看到刚才初始化的Git配置 👇

在这里插入图片描述

4️⃣ 这时候我们在 HBuilderX 中的项目,再右键,就能看见多出的 关于 Git 的相关功能 👇

在这里插入图片描述

5️⃣ 接下来需要我们在 Github 上创建一个仓库,并复制仓库的地址 👇

在这里插入图片描述

在这里插入图片描述

6️⃣ 回到我们的 HBuilderX ,右键项目,选择 Git同步 👇

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

7️⃣ 返回 HBuilderX 主页面 ,右键项目,选择 Git提交 👇

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
可以直接点击上图左下方的Push,进行推送。如果只提交了,但未推送,可以看接下来的步骤

8️⃣ 在 HBuilderX 主页面 ,右键项目,选择 Git推送-push 👇

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

接下来会让我们登录Github,这里我选择使用Token进行身份验证,选择Token,然后粘贴我们的访问令牌 👇
如果不知道如何创建Token的,可以查看我的这篇帖子的这部分 👉 【四:在GitHub上创建访问令牌】

在这里插入图片描述

点击 Sign in ,后就会往Github上进行推送了,不过这一步 HBuilderX 没有任何提示,哈哈~


9️⃣ 这时候我们打开 Github 对应的仓库,看看是否将我们项目中的文件上传上去了 👇

在这里插入图片描述

嗯~ 项目已经上传成功了,哦耶~ 😊😊😊


 

至此,关于在 HBuilderX 中使用 Git 的教学就结束了。想要了解更多知识或交个朋友,欢迎访问 👉本人博客 😁😁😁

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

张宏业.

您的鼓励是我创作的最大动力!

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

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

打赏作者

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

抵扣说明:

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

余额充值