微信Web开发工具中使用Git做版本管理做详细介绍

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

微信Web开发工具中使用Git做版本管理做详细介绍

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

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

环境准备

开发环境：Mac//Linux可用开发工具：微信Web开发工具Beta版、Git Git托管服务：

要使用Git服务，需要先在系统上安装Git。

使用微信小程序版本协作，需要安装微信微信小程序开发工具

创建小程序项目

要使用Git版本管理，首先需要有一个git仓库。 打开微信小程序开发工具，创建/打开小程序项目。 这里我们以一个新项目为例。 您可以自己命名项目，填写相应的路径和appid，选择创建通用快速启动模板，确认并创建新项目。

创建完成后，得到初始化的工程。

创建远程仓库

登录您的帐户并从右上角的新建按钮中选择“新建”。 填写对应的项目仓库信息。

这里我们选择使用公共仓库，仓库名称自行决定。 确认无误后，点击“ ”按钮，初始化远程仓库。

20530-.png

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

初始化本地仓库

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

20530-.png

由于这是一个新项目，Git仓库还没有初始化，所以项目会提示你初始化Git仓库。 点击“初始化Git仓库”，点击“确认”微信Web开发工具中使用Git做版本管理做详细介绍，完成本地仓库的初始化。

.jpg

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

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

.jpg

配置仓库信息

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

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

复制

20530-.png

需要注意的是，这里配置的邮箱名称需要和上面的邮箱一致，以保证提交后能够统计到Git提交贡献信息。

切换到仓库设置的“远程”选项卡。 此时会发现提示“未找到远程仓库信息”，点击“添加”。

20530-.png

填写复制的远程仓库地址，这里将仓库名称命名为“-s-Blog--Mini-”。 你可以自己命名。

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

20530-.png

推送代码到远程仓库

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

20530-.png

推送完成后，我们可以成功看到“远程仓库”下的分支信息。 当你在网上访问仓库时，还可以看到过去推送的信息。 至此我们就完成了将代码从本地仓库推送到远程仓库的工作。

注意事项和身份授权设置

如果推送时遇到推送失败提示，则需要检查用户授权。 这意味着微信Web开发工具可能没有读取到本地用户的ssh授权配置，需要在开发工具中设置用户的授权信息。

.jpg

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

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

修改并提交代码

接下来说一下如何将修改后的项目代码提交到仓库。

修改完代码后可视化微信小程序开发，再次切换到“版本管理”面板。 可以看到当前本地分支中有一个文件等待提交。 选择并检查文件以查看当前文件中发生的更改。

20530-.png

在下方提交框中填写提交备注，点击“提交”即可将代码提交至本地仓库总分公司。 提交后，您可以在本地仓库分支查看提交记录。

20530-.png

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

20530-.png

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

总结

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

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

参考

微信小程序如何使用Git实现版本管理和协同开发

微信小程序开发工具版本管理使用介绍

版权所有：科鼎博客 © WNAG.COM.CN

本文标题：《微信小程序使用Git实现版本管理和协同开发》

本文链接：

特别声明：除特别注明外，本站所有文章均为原创。 本站文章原则上禁止转载。 如需转载，请联系：尊重他人劳动成果，谢谢~

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等