将HBuilderX上的代码集成到gitee远程仓库并从gitee上拉取代码

目录

一、什么是Git

二、什么是Gitee

三、下载Git

四、Git使用

1.安装成功后打开 Git 管理命令窗口

2.使用前设置邮箱和用户名

3.查看配置信息

4.操作

五、配置Git环境变量

1.打开设置，找到高级系统设置

2.打开高级系统设置，找到环境变量

3.在底下系统变量中找到“path”，点击编辑

4.新增一个环境变量，地址为下载的Git的地址目录，进去找到bin目录即可

六、在HBuilderX中下载Git相关的插件

1.在标头找到工具，点击插件安装，进入插件市场

2.搜索“Git”，下载Git Blame

3.有这两个插件即为安装完成

七、在gitee中创建新的仓库

1.根据要求创建好仓库名即可

2.创建后不要关闭此页面，后序需要此页面的信息

八、将需要上传的代码设置为Git仓库

1.打开代码的文件所在地

2.右键鼠标，找到“Git 在这里创建版本库”

3.点击后出现.git文件即为设置成功（需要打开显示隐藏文件的选项，否则显示不出来）

九、将代码进行上传

1.重启HBuilderX，从所要上传的代码中打开内置终端

2.添加远程仓库

3.右键文件名，点击Git提交

4.点击后仍需要配置远端URL（和刚才的URL一致）

5.在点击确定后，第一次提交有可能需要你输入账号和密码（这里我不是第一次提交，所以没有显示出来）

十、将gitee中的代码拉取到自己的HBuilderX中

1>HBuilderX中还没有项目代码，直接拉取项目

1.文件--》导入--》从Git中导入

2.输入gitee中仓库的URL进行拉取

2>已有项目代码，将仓库中已经更新好的代码重新拉取到自己代码中

1.内置终端中输入代码：

2.如果报错，可能是仓库没有配置好，按以下方法即可解决：

---

一、什么是Git

        Git 是一个免费的开源 分布式版本控制系统，旨在快速高效地处理从小型到 大型项目的所有内容。

        Git 易于学习， 占地面积小，具有闪电般的快速性能。它具有诸如 Subver sion，CVS 之类的版本控制工具，具有廉价的本地分支，便捷的暂存区域和 多 个工作流等功能。

二、什么是Gitee

        国内基于网络服务器的远程代码仓库。（国外是github）

三、下载Git

（本机有Git的可以自行跳过）

地址：

1.官网下载：Git (git-scm.com)

2.百度网盘：链接: https://pan.baidu.com/s/1qLu4-rvgmUCP3vREAkIv_A?pwd=ip3r 提取码: ip3r 

3.根据步骤安装，更改下载地址（后面需要配置环境变量，所以需记住自己Git的下载地址）

四、Git使用

注：这是直接使用git命令框执行的方法，后面可以在HBuilderX中的内部指令框中使用

1.安装成功后打开 Git 管理命令窗口

2.使用前设置邮箱和用户名

git config --global user.email "自己的邮箱"

git config --global user.name "Your Name"

3.查看配置信息

git config --list

例如: E:\gitTest 自己创建文件夹

4.操作

初始化: git init 项目名

提交到暂存区： git add 文件名 （提交指定文件） git add . （提交所有所有文件）

查看暂存区 git ls-files

恢复暂存区的指定文件到工作区： git reset 文件名

撤销指定文件 git reset . 撤销所有文件

提交到本地仓库： git commit -m 注释

五、配置Git环境变量

1.打开设置，找到高级系统设置

2.打开高级系统设置，找到环境变量

3.在底下系统变量中找到“path”，点击编辑

4.新增一个环境变量，地址为下载的Git的地址目录，进去找到bin目录即可

注：需要一直点击确定，才能配置完成，不可点“×”，否则需重新配置

六、在HBuilderX中下载Git相关的插件

1.在标头找到工具，点击插件安装，进入插件市场

2.搜索“Git”，下载Git Blame

3.有这两个插件即为安装完成

七、在gitee中创建新的仓库

注：HBuilderX中无法自动在gitee中创建新的仓库，需要自己手动创建

1.根据要求创建好仓库名即可

2.创建后不要关闭此页面，后序需要此页面的信息

八、将需要上传的代码设置为Git仓库

1.打开代码的文件所在地

2.右键鼠标，找到“Git 在这里创建版本库”

3.点击后出现.git文件即为设置成功（需要打开显示隐藏文件的选项，否则显示不出来）

九、将代码进行上传

1.重启HBuilderX，从所要上传的代码中打开内置终端

2.添加远程仓库

命令：git remote add origin <remote_repository_url>，

将 <remote_repository_url> 替换为你的 Gitee 仓库的 URL。

gitee的URL在刚才没有关闭的gitee仓库中，复制到命令后面即可配置成功

3.右键文件名，点击Git提交

注：在点击Git提交后，会提示你下载TortoiseGit组件，点击进入官网：

        点击中间的“64-bit Windowns”选项下载，如有需要，可在TortoiseGit下载后选择下方Language Packs所需要的语言进行下载安装即可。

        根据TortoiseGit的安装步骤下载即可，下载完成后重新打开HbuilderX，右击文件名，点击Git提交进行下一步。

上面写日志信息，下面就行选择需要上传的代码文件

注：选好后底部要选择提交并推送

4.点击后仍需要配置远端URL（和刚才的URL一致）

5.在点击确定后，第一次提交有可能需要你输入账号和密码（这里我不是第一次提交，所以没有显示出来）

注：账号密码为你的gitee注册时的账号密码（账号一直不对可以试试gitee中自己配置的邮箱）

至此前端代码就传到gitee中的仓库中去了

十、将gitee中的代码拉取到自己的HBuilderX中

1>HBuilderX中还没有项目代码，直接拉取项目

1.文件--》导入--》从Git中导入

2.输入gitee中仓库的URL进行拉取

2>已有项目代码，将仓库中已经更新好的代码重新拉取到自己代码中

1.内置终端中输入代码：

2.如果报错，可能是仓库没有配置好，按以下方法即可解决：

（1）输入git remote add origin https://gitee.com/liuyike15/bouxegu-html.git（重新配置仓库）

（2）再次输入刚才代码即可

至此即可将gitee仓库中的代码拉取到自己的HBuilderX中