uni-app Windows平台 HBuilderX Git使用教程

uni-app Windows平台 HBuilderX Git使用教程

特别说明：本篇是关于windows git的使用教程。Mac git使用教程，请点此处https://ask.dcloud.net.cn/article/35248

1. HBuilderX安装Git插件

点击菜单【工具】–>【插件安装】, 安装Git插件

注意：windows上 git插件依赖tortoisegit ； tortoisegit下载地址：https://tortoisegit.org/

2. 配置Git环境

git的url，有两种，一种是https、另一种是git@xxx.com:xxx.git.

通常都是第二种，所以需要配置ssh key。

因为本地Git仓库和Git仓库之间的传输是通过SSH加密的，所以必须要让git仓库认证你SSH key，在此之前，必须要生成SSH key。

windows上命令行使用git，需要用到Git Bash；Git下载地址： https://git-scm.com/download/win
下载后安装，如下图。

在windows下查看 c盘—>用户—>自己的用户名---->ssh]下是否有id_rsa、id_rsa.pub文件，如果没有需要手动生成。

打开git bash，输入如下命令：

$ ssh-keygen -t rsa -C "youremail@example.com"

输入命令后， 会在.ssh目录下，生成id_rsa id_rsa.pub两个文件。

3. 克隆现有项目

方法1：

在HBuilderX，点击菜单【文件】【导入】【从git导入】。如下图：

方法2：

在HBuilderX，点击菜单【工具】–>【外部命令】—＞【git插件】, 克隆成功后；然后把克隆的项目直接拖到HBuilderX 项目管理器中即可。

可能遇见错误：disconnected no supported authentication methods available(server sent: publickey)
解决办法：https://blog.csdn.net/yym6789/article/details/53807640


方法3：git bash命令行克隆项目

打开Git Bash命令行，输入命令

4. 项目拉取

  1. 选中项目下的某个文件
  2. 右键菜单，点击【git同步】

5. 提交文件

  1. 选中项目下的某个文件
  2. 右键菜单，点击【git提交】

git add或git commit提交的时候, 可能会遇见提示需要配置username和Email的错误，办法如下：

6. 快捷键配置

  1. 点击菜单【工具】–>【自定义快捷键】
  2. 文档左侧底部可看到所有git命令
//git插件部分  
//git同步  
//{"key":"","command":"ExternalCommand:GIT_SYNC"},  
//git提交  
//{"key":"","command":"ExternalCommand:GIT_COMMIT"},  
//git比较差异  
//{"key":"","command":"ExternalCommand:GIT_DIFF"},  
//git检查修改内容  
//{"key":"","command":"ExternalCommand:GIT_REPOSTATUS"},  
//git查看日志  
//{"key":"","command":"ExternalCommand:GIT_LOG"},  
//git删除当前文件(单个文件)  
//{"key":"","command":"ExternalCommand:GIT_REMOVE"},  
//git增加文件(单个文件)  
//{"key":"","command":"ExternalCommand:GIT_ADD"},  
//git还原(revert)  
//{"key":"","command":"ExternalCommand:GIT_REVERT"}
  1. 挑选需要的命令复制到右键，配置上自己的快捷键
    如：
[
{"key":"ctrl+alt+u","command":"ExternalCommand:GIT_SYNC"},  
{"key":"ctrl+i","command":"ExternalCommand:GIT_COMMIT"}
]

7. 其它资源

git 还有很多其它的命令，比如创建分支、切换分支等。这里就不列出了。

8. HBuilderX内其它git插件

除了内置Git插件，插件市场有更多优秀的git插件，如：easy-git: 下载地址

easy-git: vscode源代码管理工具风格。图形化Git工具, 并支持命令面板，支持克隆、提交/更新/拉取、分支/tag管理、日志、文件对比、储藏等操作。


更多关于uni-app Windows平台 HBuilderX Git使用教程的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app Windows平台 HBuilderX Git使用教程的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在uni-app开发中，使用HBuilderX结合Git进行版本控制，可以大大提高团队协作效率和代码管理的便捷性。以下是一个在Windows平台上使用HBuilderX进行Git操作的详细代码案例教程。

前提条件

  1. 已安装HBuilderX。
  2. 已安装Git，并配置好环境变量。
  3. 已注册GitHub或其他Git托管服务账号。

步骤一：初始化Git仓库

  1. 打开HBuilderX：启动HBuilderX并打开你的uni-app项目。

  2. 打开终端：在项目根目录下，点击HBuilderX顶部的“工具”菜单，选择“终端/命令行”以打开终端窗口。

  3. 初始化Git仓库：在终端中运行以下命令：

    git init

步骤二：配置Git信息

在终端中运行以下命令，配置你的Git用户名和邮箱（如果这是你第一次使用Git）：

git config --global user.name "Your Name"
git config --global user.email "your.email@example.com"

步骤三：添加文件到Git仓库

  1. 添加所有文件：

    git add .

  2. 提交文件：

    git commit -m "Initial commit"

步骤四：连接到远程仓库

  1. 登录GitHub：在浏览器中登录你的GitHub账号，创建一个新的仓库（repository），注意不要勾选“Initialize this repository with a README”等选项。

  2. 获取远程仓库URL：在GitHub新创建的仓库页面，复制HTTPS或SSH克隆URL。

  3. 在HBuilderX终端中设置远程仓库：

    git remote add origin https://github.com/yourusername/yourrepository.git

    将上述URL替换为你的实际仓库URL。

步骤五：推送代码到远程仓库

  1. 推送代码：

    git push -u origin master

    如果GitHub仓库是空的，上述命令会成功。如果仓库已包含文件，可能需要合并或覆盖，具体步骤视情况而定。

额外提示

  • 拉取更新：使用git pull origin master从远程仓库拉取更新。
  • 查看日志：使用git log查看提交历史。
  • 分支管理：使用git branch查看分支，git checkout -b new-branch创建并切换到新分支。

通过上述步骤，你已经在Windows平台的HBuilderX中成功配置了Git，并能够将uni-app项目代码推送到远程Git仓库。这样，团队成员可以轻松地协作和共享代码。

回到顶部