【HBuilderX 中 Git 的使用】
目录:
- 一:安装必要的版本控制工具
- 二:把Github上的项目克隆到本地
- 三:将本地的项目上传到Github上
一:安装必要的版本控制工具
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
的教学就结束了。想要了解更多知识或交个朋友,欢迎访问 👉本人博客 😁😁😁