在微信小程序开发过程中，代码版本管理往往需要借助第三方工具进行管理。虽然微信网页开发工具提供了Git文件版本状态的提示，但实际使用体验还是不尽如人意。

随着微信网页开发工具的更新，最新的内测版本已经支持Git的直接管理。本文将详细介绍微信网页开发工具中使用Git进行版本管理。

环境准备

开发环境：Mac//开发工具：Beta版微信Web开发者工具，托管服务：码云需要在系统上安装Git才能使用Git服务。相关Git环境的安装请参考Git介绍和Git安装。

由于对Git管理功能的支持还处于公测阶段，本文将以微信Web开发者工具Beta版为例。

访问下载微信Web开发者工具Beta版（以下替换为 Web 缩写）

创建小程序项目

要使用 Git 版本管理，您首先需要一个 git 存储库。打开微信网页开发者工具，创建/打开一个小程序项目。这里以新建项目为例，假设项目名称，填写对应路径，选择创建通用快速入门模板，确认新建项目。

创建完成后，得到初始化项目。

创建一个远程仓库

登录码云账号，在右上角的新建按钮中选择**“新建项目”**。填写对应的项目仓库信息。

这里我们选择使用公共仓库，命名路径为“”，开发语言为“”。确认后点击“创建”按钮初始化远程仓库。

创建并初始化远程仓库后，我们得到一个空白仓库，如下图。项目的仓库地址为：接下来，我们将初始化本地Git仓库。

初始化本地仓库

点击微信Web开发者工具面板上的“版本管理”按钮，会弹出开发者工具中的版本管理面板。

由于是新建项目，Git仓库尚未初始化，项目会提示初始化Git仓库，点击“初始化Git仓库”，点击“确认”即可完成本地仓库的初始化。

这一步相当于执行“git init”命令。

初始化完成后，我们可以看到本地仓库和当前的Git状态。下图为微信Web开发者工具初始化后的版本控制面板。

配置仓库信息

初始化完成后，点击“工作区”->“设置”->“常规”->“编辑”，编辑Git中使用的用户名和邮箱。这一步相当于git命令中的配置操作。

$ git -- user.name "用户名"$ git -- user. “邮箱” 需要注意的是这里配置的邮箱名称需要和码云上的邮箱一致，保证提交提交贡献信息到Git后可以统计。

切换到仓库设置的“远程”选项卡。这时候会发现提示“未找到远程仓库信息”，点击“添加”，填写之前创建的远程仓库地址。仓库名称在这里命名为“”，您可以自己命名。

添加后可以在项目中看到远程分支信息。

将代码推送到远程仓库

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

推送完成后，我们可以在“远程仓库”下成功看到分店信息。访问码云上的仓库，还可以看到过去推送的信息。至此我们已经完成了从本地仓库到远程仓库的代码推送。

备注和授权设置

如果在推送过程中遇到提示推送失败的提示，需要检查用户授权，说明微信Web开发者工具可能没有读取本地用户的ssh授权配置，需要设置开发工具中用户的授权信息。

初始化完成后，点击“工作区”->“设置”->“网络和认证”->“认证方式”，可以选择远程仓库的认证方式，默认为“自动”。

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

修改并提交代码

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

点击开发工具面板中的“版本管理”按钮，关闭“版本管理”面板微信小程序开发查看版本，打开“//.wxml”，将“获取头像昵称”的内容修改为“我的第一次修改提交”，并保存它。

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

在下方提交框中填写提交的备注，点击“提交”，将代码提交到本地仓库的主分支。提交后，可以在本地仓库分支查看提交记录。

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

推送完成后，可以在码云对应的仓库首页看到提交的代码变化。

总结

在上述操作中，我们使用微信Web开发者工具的版本管理功能对小程序代码的版本进行管理和控制，并提交到远程Git仓库。

在实际项目开发中，我们也可以充分利用Git在版本管理和协同方面的特性，灵活的与他人协作，进而规范代码管理，实现更高效的协同开发。