从0开始创建一个github团队工程 | 青训营笔记

Woceda
368 阅读5分钟

这是我参与「第四届青训营 」笔记创作活动的的第2天
为了更好的团队协作和代码管理,一个多人协作的团队项目是十分必要的.本篇笔记主要面对无GitHub经验的小白同学构建自己的团队项目.

在GitHub上创建团队和代码库

因为需要多人合作,团队和代码库必不可少.

创建自己的个人账户

image.png

在github的官网遵循引导创建自己的个人账号. 输入个人邮箱.我用的是163邮箱,虽然学校邮箱在连外网注册比较稳定,但如果不在学校,学校邮箱的反应可能会比较慢,所以不推荐使用学校邮箱. image.png 这里最后一行是询问"您是否愿意通过电子邮件接收产品更新及公告?"我们选"n"

image.png

这里其实怎么选都无所谓,这里我的选择是"just me" 和 "student"

image.png

直接continue

image.png

接下来付费项目咱们不用,我们白嫖就好.

现在github账户就创建好啦.

image.png

创建团队

右上角"+"号选择创建团队

image.png

当然是白嫖啦

image.png

输入团队名和联系邮箱

image.png

在这里输入团队成员的github账号信息用于发送邀请.

image.png
但是很多时候我们并不能很快地收集到团队里每个成员的用户名,全名或者邮箱地址,这一步可以先跳过,点击"Complete setup"即可.

这个可以不填,当然可以填一下完善一下信息,我这里直接拉到最下点击"submit"提交. image.png

如下图,这样我们的团队就创建好了.

image.png

拉入团队成员

除了在创建团队的时候就拉入,后续也可以在这里点击"Invite someone"拉入成员.

image.png

也可以在"people"处进行团队管理.无论是提出成员还是邀请都在这里完成.

image.png

创建代码库

选择"repositories"项转到代码仓库页面,现在这里还空空如也.

image.png

选择创建一个新存储库

image.png

现在,存储库就建好啦,现在我们需要将它关联到本地,用于上传代码.

image.png

本地部署git代码管理工具

其实除了git,我们也可以选择github管理工具"GitHub desktop"用来管理GitHub代码.GitHub desktop是针对GitHub的本地代码管理软件,关联github之后即可使用,与编辑工具无关,图形化界面也更适合上手,但是似乎对网络要求挺高的.以后我有时间再出一期GitHub desktop的使用方法.先放个链接在这里

GitHub Desktop | Simple collaboration from your desktop

git下载和部署可以参考这一篇文章:

(4条消息) Git下载、安装与环境配置_糖葫芦的小黑屋的博客-CSDN博客_git安装

git官网下载一般偏慢,我们使用淘宝的镜像进行下载和安装

CNPM Binaries Mirror (npmmirror.com)

选择合适的版本进行安装.一般选择最新稳定版本,然后选择合适的型号进行下载安装.

选择个自己喜欢的地方安装,我是直接安装在C盘(本来最好不要)

image.png

然后一直默认到安装

image.png

在准备存放代码的目录中右键唤出菜单

image.png

选择git bash here唤出git命令行.接下来我们要配置git用来连接线上仓库. 首先配置用户名,注意,是username,不是full name

代码为:

git config --global user.name [username]

image.png

配置邮箱:

git config --global user.email [youremail]

image.png

使用

config -l

查看当前配置信息

接下来生产ssh密钥连接github

ssh-keygen -t rsa -c [youremail]

image.png

然后一路默认回车,生成密钥

image.png

然后我们去系统目录

C:/Users/[username]/.ssh

寻找生成的id_rsa和id_rsa.pub其中前者是私钥,后者是公钥.接下来我们打开GitHub,在账户设置中找到"ssh and GPG keys",点击"New SSH key"

image.png

输入名称(自己定),下方的文本框输入刚才id_rsa.pub中的内容

image.png

添加成功后即成功关联本地git和GitHub.

克隆线上项目到本地

我们已经准备好了本地的各个内容,现在,我们把线上项目请到我们本地中来.在GitHub中找到我们刚才创建的项目,点击"code"选择SSH,复制其中的代码.

image.png

回到git中,输入命令

git clone [刚才复制的代码]

image.png 克隆完毕

image.png

现在,这个项目就已经成功的关联到本地了.接下来我们为团队创建一个开发模板用于开发.

创建工程

我们团队需要的是以个Vue项目模板,但是我已经创建好了,所以这里拿Keil项目举例.而关于Vue如果你啥也没有,真真正正的纯小白,你的电脑需要先安装编node等等一系列东西,我就不多写什么了,参考这一篇文章,写的很详细.如果你实在不会,或者不想看,那就交给你们团队的大佬来吧!

如何搭建一个vue项目(完整步骤)_a大白的博客-CSDN博客_创建vue项目

创建好之后东西都在刚才的文件夹下.现在我们需要将代码上传到github上供大家一起编辑.

上传

代码已经编辑好啦,现在需要打包.先用cd命令cd到项目目录,然后执行打包命令. 命令为:

git commit -m "[描述,或者说这一次上传的名称]"

image.png

这里红色字的表示当前目录或者文件没有被添加到git项目中(很多编辑器会自动辅助添加,我是直接复制了一个创建好的文件所以报错),现在需要手动添加所有文件到git目录中,命令为:

git add -A

然后再执行一次打包命令,这次所有的文件均为白色,说明打包成功

image.png

然后我们执行上传命令

git push origin main

注意,这里的main是main分支,当前我的项目中只有main分支,所以为main,这个后面其实还有不少知识,但是现在我们用main就好.而有一些教程写的是master是因为之前的GitHub默认主分支是master,现在已经改为main了.

image.png

好啦,项目已经提交完成了,我们去GitHub上看看:

image.png

OK,完成啦,现在可以进行团队协作咯.

avatar
文章
阅读
粉丝