在 Web开发工具中使用git进行版本管理的序言

在开发微信中的小程序中，代码版本管理通常需要使用第三方工具进行管理。尽管微信Web开发工具提供了有关GIT文件版本状态的提示，但实际的用户体验仍然不令人满意。

随着微信Web开发工具的更新，最新的内部Beta版本支持了GIT的直接管理。本文将详细介绍 Web开发工具中使用GIT用于版本管理的介绍。

环境准备

要使用GIT服务，您需要首先在系统上安装GIT。有关详细信息，请参阅GIT入门和GIT安装。

由于GIT管理功能的支持仍处于公共Beta阶段，因此本文将以 Web开发人员工具的Beta版本为例。您可以下载 Web开发人员工具的Beta版本（以下是称为微信Web开发人员工具缩写）

创建一个迷你程序存储库

要使用GIT版本管理，您需要先拥有一个GIT存储库。打开微信Web开发人员工具并创建/打开的存储库。以新仓库为例。假设仓库名称为，填写相应的路径，然后选择“创建一个普通的快速启动模板，确认并创建新仓库”。

创建完成后，将获得初始化的存储库。

创建远程存储库

登录到您的帐户，然后在右上角的新按钮中选择**“新存储库”。填写相应的项目仓库信息。

创建和初始化远程存储库后，我们将获得一个空白存储库，如下图所示。项目的存储库地址是：接下来，我们将初始化本地GIT存储库。

初始化本地存储库

单击微信Web开发人员工具的面板上的“版本管理”按钮，以弹出开发人员工具中的版本管理面板。

由于它是一个新的存储库，尚未初始化GIT存储库，因此将提示它初始化GIT存储库。单击**“初始化git存储库” **，单击“确认”以完成本地存储库的初始化。

此步骤等效于执行“ git Init”命令。

初始化完成后，我们可以看到本地存储库和当前的GIT状态。下图是 Web开发人员工具初始化之后的版本控制面板。

配置仓库信息

初始化完成后，单击“工作区” - >“设置” - >“常规” - >“编辑”，以编辑GIT中使用的用户名和电子邮件地址。此步骤等效于GIT命令中的配置操作。

git config --global user.name "用户名"
git config --global user.email "邮箱"

应该注意的是，此处配置的邮箱名称必须与其上的邮箱一致，以确保可以在提交后计数GIT的提交贡献信息。

切换到仓库设置的“远程”选项卡。目前，您将找到提示的“找不到远程仓库信息”。单击“添加”以填充前面创建的远程仓库地址。仓库名称为“”此处，您可以自己命名。

添加完成后，您可以在存储库中查看远程分支信息。

将代码推到远程存储库

单击操作面板上的“按钮”，选择弹出窗口中的“推到新的远程仓库分支”，填写“”名称，以指示将分支推到远程仓库的分支，然后单击“确定”。

推动完成后，我们可以成功地看到“远程存储库”下出现的分支信息。访问存储库时，您还可以看到过去的过去信息。在这一点上，我们已经完成了从本地存储库到远程存储库的代码。

注释和身份授权设置

如果您遇到推动失败的提示，则需要检查用户的授权，这意味着微信Web开发人员工具可能不会读取本地用户的SSH授权配置，并且您需要在开发工具中设置用户的授权信息。

初始化完成后，单击“工作区” - >“设置” - >“网络和身份验证” - >“认证方法”。您可以选择远程仓库的身份验证方法，即“自动”。

选择“输入用户名和密码”，然后在下面输入帐号和密码后，再次执行推送操作。

修改并提交代码

接下来，让我们修改我们的代码。

单击开发工具面板中的“版本管理”按钮，关闭“版本管理”面板，打开“ //.wxml”，修改任何内容，然后保存。

再次切换到“版本管理”面板，您可以看到当前本地分支中有一个文件等待提交。选择并检查文件以查看当前文件中的更改。

在下面的“提交”框中填写提交信息，单击“提交”以将代码提交到本地存储库的主要分支。提交后，您可以在本地存储库分支上查看提交记录。

接下来，我们再次将代码从本地分支推到远程存储库。单击操作面板上的“按钮”，在弹出窗口中选择“按下远程存储库分支”，选择现有远程存储库的分支，然后单击“确定”。

推送完成后，您可以在相应的存储库主页上查看提交的代码更改。

总结

在上述操作中，我们使用了微信Web开发人员工具的版本管理功能来管理代码的版本，并将其提交给远程GIT存储库。

在实际项目开发中，我们还可以在版本管理和协作中充分利用GIT的功能，与他人灵活地合作，然后更有效地标准化代码管理和协作开发。