微信Web开发者工具Beta版本作为示例
发表时间：2023-09-03 17:40:34
文章来源：炫佑科技
浏览次数：232
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
微信Web开发者工具Beta版本作为示例
微信小程序开发过程中，代码版本管理往往需要使用第三方工具进行管理。 虽然微信网页开发工具提供了Git文件版本状态的提示，但实际使用体验仍然不尽如人意。
随着微信Web开发工具的更新，*新的内测版本已经支持Git的直接管理。 本文将详细介绍微信Web开发工具中使用Git进行版本管理。
环境准备
要使用Git服务微信Web开发者工具Beta版本作为示例，需要先在系统上安装Git。 Git环境的安装请参见Git入门和Git安装。
由于目前对Git管理功能的支持还处于公测阶段，本文将以微信Web开发工具Beta版为例。
访问下载微信Web开发工具Beta版（以下简称微信Web开发工具）
创建小程序项目
要使用Git版本管理，首先需要有一个git仓库。 打开微信网页开发工具，创建/打开小程序项目。 这里我们以新建项目为例。 假设项目名称，填写对应路径和appid，选择创建通用快速启动模板，确认并创建新项目。
创建完成后，得到初始化的工程。
创建远程仓库
登录码云账号，在右上角新建按钮中选择**“新建项目”**。 填写对应的项目仓库信息。
这里我们选择使用公共仓库，命名路径为“”，开发语言为“”。 确认无误后，点击“创建”按钮，初始化远程仓库。
创建并初始化远程仓库后微信小程序用开发语言，我们得到了一个空白仓库，如下图所示。 项目的仓库地址为： 接下来我们初始化本地Git仓库。
初始化本地仓库
点击微信Web开发工具面板上的“版本管理”按钮，会弹出开发工具中的版本管理面板。
由于这是一个新项目，Git仓库还没有初始化，所以项目会提示你初始化Git仓库。 点击“初始化Git仓库”，点击“确认”，完成本地仓库的初始化。
这一步相当于执行“git init”命令。
初始化完成后，我们可以看到本地仓库以及当前的Git状态。 下图是微信Web开发工具初始化后的版本控制面板。
配置仓库信息
初始化完成后，点击“工作区”->“设置”->“常规”->“编辑”，编辑Git中使用的用户名和电子邮件地址。 这一步相当于git命令中的配置操作。
$ git config --global user.name "用户名"
$ git config --global user.email "邮箱"
需要注意的是，这里配置的邮箱名称需要与码云上的邮箱地址保持一致，以保证提交后能够统计到Git提交贡献信息。
切换到仓库设置的“远程”选项卡。 这时你会发现提示“未找到远程仓库信息”。 点击“添加”，填写之前创建的远程仓库地址。 这里仓库名称命名为“”。 您可以自行定制。 姓名。
添加完成后，可以在项目中看到远程分支信息。
将代码推送到远程存储库
点击操作面板上的“推送按钮”，在弹出的窗口中选择“推送到新建的远程仓库分支”，名称中填写“”，表示要推送到远程仓库的分支，然后点击“好的”。
推送完成后，我们可以成功看到“远程仓库”下的分支信息。 当您访问码云仓库时，还可以看到推送的信息。 至此我们就完成了将代码从本地仓库推送到远程仓库的工作。
注意事项和身份授权设置
如果推送时遇到推送失败提示，则需要检查用户授权。 这意味着微信Web开发工具可能没有读取到本地用户的ssh授权配置，需要在开发工具中设置用户的授权信息。
初始化完成后，点击“工作区”->“设置”->“网络和认证”->“认证方式”，选择远程仓库的认证方式。 默认为“自动”。
选择“输入用户名和密码”，在下方输入码云账号和密码，然后再次执行推送操作。
修改并提交代码
接下来我们将修改我们的项目代码。
点击开发工具面板中的“版本管理”按钮，关闭“版本管理”面板，打开“pages/index/index.wxml”，将内容“获取头像昵称”修改为“我的**次修改提交”，保存它。
再次切换到“版本管理”面板，可以看到当前本地分支中有一个文件等待提交。 选择并检查文件以查看当前文件中发生的更改。
在下方提交框中填写提交备注，点击“提交”即可将代码提交至本地仓库总分公司。 提交后，您可以在本地仓库分支查看提交记录。
接下来我们再次将代码从本地分支推送到远程仓库。 点击操作面板上的“推送按钮”，在弹出的窗口中选择“推送到远程仓库的分支”，选择远程仓库已有的分支，点击“确定”。
推送完成后，您可以在码云对应仓库首页看到提交的代码变更。
总结
在上面的操作中，我们使用微信Web开发工具的版本管理功能来管理和控制小程序代码的版本，并提交到远程Git仓库。
在实际项目开发中，我们还可以充分利用Git的版本管理和协作特性，灵活地与他人协作，从而规范代码管理，实现更高效的协作开发。
