微信小程序——多人协同和版本管理

目录

  • 背景
  • 环境
  • 流程
  • 结尾

背景

学校开了一门移动软件开发的课程,内容其实就是开发微信小程序,然后在期末有一个稍微大一点的作业,每个小组做一个像模像样的小程序,我们制作的时候使用了Vant组件库,然后我们分了工并且做完各自的部分之后,大家既不想再配置一遍Vant(要用到npm),又懒得用最笨的方法一个一个复制到总的项目里,后来我看到了微信小程序开发工具支持团队协作,于是我们利用这个工具完成了多人协同

环境

开发环境:Mac/Windows/Linux均可
开发工具:微信Web开发者工具、Git
Git托管服务:码云,Github(不太稳)

流程

  1. Git安装
    Git大家应该都知道是什么了,不知道的去查查Git教程,不用你做什么操作。第一步是要下载Git,下载完安装包之后就一路next就行了,当开始菜单里面有Git Bash等三个图标就证明安装成功了。
    安装Git成功

  2. 新建一个gitee(码云)仓库
    这一步是基本,因为你的代码就是放在这的,先去gitee,没有账号的记得去注册一个。登录之后新建一个代码仓库
    微信小程序——多人协同和版本管理_第1张图片
    按照指示来,蓝色圈可以导入例如Github的仓库微信小程序——多人协同和版本管理_第2张图片
    创建成功之后是这样,第一行的链接后面有用
    微信小程序——多人协同和版本管理_第3张图片
    导入小组成员,推荐把他们设为开发者
    微信小程序——多人协同和版本管理_第4张图片
    到这里在gitee上的操作就算完成了

  3. 小程序开发工具配置
    先新建一个项目,然后点击版本管理,会提示你现在没有Git仓库在小程序项目里,你只需要点击初始化Git仓库就行,相当于git init命令
    微信小程序——多人协同和版本管理_第5张图片
    会出现下图,这里有个点,如果你是第一个创建上面gitee代码库的人,两个都要勾选,如果你是队员要加入这个项目的,一定不要勾选
    微信小程序——多人协同和版本管理_第6张图片
    然后你会看到这个,然后点击设置-通用,在用户一栏填入用户名和邮箱,相当于git config命令中的配置操作。此处的用户名随意,邮箱需要和gitee上的邮箱保持一致,填写完就相当于在本地配置好了Git仓库,你可以到这个小程序文件目录下,查看隐藏的项目,可以看到git仓库的文件夹,就证明成功了,要是想删除之前的配置,直接删掉那个隐藏文件夹就好
    微信小程序——多人协同和版本管理_第7张图片
    然后点远程,这一步是连接到刚在gitee上创建的仓库(Test)
    微信小程序——多人协同和版本管理_第8张图片
    添加,会让你填写名称和URL,名称随意你,URL去gitee仓库找
    微信小程序——多人协同和版本管理_第9张图片
    微信小程序——多人协同和版本管理_第10张图片
    这个样子就是完成了,第一行的master是刚才起的名字,随便写
    微信小程序——多人协同和版本管理_第11张图片
    到这个时候你可以点击抓取看看,是不是报错了啊,那就对了,我们还要认证一下,不然怎么知道你是仓库的管理或者开发人员呢(所以一定要先让队员进入gitee仓库),我们点击网络和认证,输入你在gitee上的用户名和密码,就大功告成了
    微信小程序——多人协同和版本管理_第12张图片
    这个时候点击抓取就成功了,然后点击左栏历史,你能够看到创建仓库的信息就证明成功了
    微信小程序——多人协同和版本管理_第13张图片
    然后把代码拉取到本地,按理说你会看到下面这个错误“no merge base found”
    微信小程序——多人协同和版本管理_第14张图片
    微信小程序——多人协同和版本管理_第15张图片
    解决办法是找到远程,然后右键里面最新的一个历史,把HEAD重置,如果你要保留工作区的代码,就勾选上,否则不要勾
    微信小程序——多人协同和版本管理_第16张图片
    微信小程序——多人协同和版本管理_第17张图片
    然后你就会发现本地分支有了代码
    微信小程序——多人协同和版本管理_第18张图片
    然后拉取就没问题了,现在去资源管理器看看
    微信小程序——多人协同和版本管理_第19张图片
    大功告成!
    你要是改了代码想提交,也是在版本管理里面点击推送即可

结尾

本文章借鉴了不少文章,然后以我觉得比较完整的方式呈现出来,主要借鉴了这篇文章和其他的文章,就不一一列举。

你可能感兴趣的:(微信小程序,小程序)