HbuilderX配置Git插件并导入项目和上传代码

一、安装git

没有安装git的,从 git官网 下载windows版本的git【一般使用默认设置即可:一路next下去,git安装完毕!】

二、安装TortoiseGit工具

到 TortoiseGit官网 下载对应的TortoiseGit包进行安装【一般使用默认设置即可:一路next下去,TortoiseGit安装完毕!】

三、安装TortoiseGit-LanguagePack中文语言包【可以不用安装语言包

到 TortoiseGit官网 下载对应的TortoiseGit-LanguagePack包进行安装【一般使用默认设置即可:一路next下去,TortoiseGit-LanguagePack安装完毕!】安装完成语言包后,在桌面上右键,在Language中选择中文(简体)(中国)后点击应用按钮、确定按钮后就改成中文了,如图:

HbuilderX配置Git插件并导入项目和上传代码_第1张图片HbuilderX配置Git插件并导入项目和上传代码_第2张图片

四、克隆项目

一种方式:在xxx文件目录下右键 Git Clone 【或中文语言包:Git 克隆】粘贴URL地址再点击 OK 等clone完毕后,把项目拖到 HBuilderX 就可以了,如图:

HbuilderX配置Git插件并导入项目和上传代码_第3张图片HbuilderX配置Git插件并导入项目和上传代码_第4张图片HbuilderX配置Git插件并导入项目和上传代码_第5张图片

安装了中文语言包的形式:HbuilderX配置Git插件并导入项目和上传代码_第6张图片HbuilderX配置Git插件并导入项目和上传代码_第7张图片

另一种方式:在HBuilderX安装git插件,使用插件导入项目【如果安装TortoiseGit时HBuilderX打开了的需要重启一下HBuilderX】,如图:

HbuilderX配置Git插件并导入项目和上传代码_第8张图片HbuilderX配置Git插件并导入项目和上传代码_第9张图片HbuilderX配置Git插件并导入项目和上传代码_第10张图片HbuilderX配置Git插件并导入项目和上传代码_第11张图片HbuilderX配置Git插件并导入项目和上传代码_第12张图片HbuilderX配置Git插件并导入项目和上传代码_第13张图片HbuilderX配置Git插件并导入项目和上传代码_第14张图片

五、更新 GitHub 上面的项目到本地

方式一:右键项目代码文件夹,选择 Git(G) 再选择 获取...(E),弹出获取提示框直接点击确定,进度提示框里显示成功【代码更新成功】关闭进度提示框,如图:

HbuilderX配置Git插件并导入项目和上传代码_第15张图片HbuilderX配置Git插件并导入项目和上传代码_第16张图片HbuilderX配置Git插件并导入项目和上传代码_第17张图片

方式二:右键项目代码文件夹,选择 Git(G) 再选择 拉取...(P),弹出拉取提示框直接点击确定,进度提示框里显示成功【代码更新成功】关闭进度提示框,如图:

HbuilderX配置Git插件并导入项目和上传代码_第18张图片HbuilderX配置Git插件并导入项目和上传代码_第19张图片HbuilderX配置Git插件并导入项目和上传代码_第20张图片

六、上传项目代码

右键要提交的代码文件夹,选择Git提交,如图:

HbuilderX配置Git插件并导入项目和上传代码_第21张图片

第一个红框写好日志信息,第二个红框选择要提交的文件,点击提交,如图:

HbuilderX配置Git插件并导入项目和上传代码_第22张图片

提交后弹出git命令进度提示框,再点击推送,弹出推送提示框,直接点击确定,弹出进度提示框显示成功【代码提交成功】,如图:

HbuilderX配置Git插件并导入项目和上传代码_第23张图片HbuilderX配置Git插件并导入项目和上传代码_第24张图片HbuilderX配置Git插件并导入项目和上传代码_第25张图片

提交后如果出现这样的错误,点击拉取,弹出拉取提示框,直接点击确定,把 GitHub 上面的项目克隆到本地,关闭进度提示框,如图:

HbuilderX配置Git插件并导入项目和上传代码_第26张图片HbuilderX配置Git插件并导入项目和上传代码_第27张图片HbuilderX配置Git插件并导入项目和上传代码_第28张图片

右键要提交的代码文件夹,选择 Git(G) 再选择 推送...(H),直接点击确定,弹出进度提示框,显示成功【代码提交成功】如图:

HbuilderX配置Git插件并导入项目和上传代码_第29张图片HbuilderX配置Git插件并导入项目和上传代码_第30张图片HbuilderX配置Git插件并导入项目和上传代码_第31张图片

你可能感兴趣的:(前端开发工具)