【前端学习】搬进Github
一、Github简介和基本操作
Github 上操作基本上围绕一个个项目展开。项目就是一个文件夹,在github中成为“仓库”(repository),里面放着所有的项目文件,可以是代码,也可以是任意的文档。项目不仅保存着最新版本的代码,还保存着历史版本和修改记录。
日常操作都在dashboard (控制面板),点github页面左上角的小猫进入。
然后点绿色的按钮新建项目
勾选Initialize...然后Create...
commit动词讲就是保存版本,名词讲就是版本。修改项目后点commit就可以生成新版本,旧版本也还在。
新仓库的新 commit,默认放在叫 master 的分支上,master分支上的代码都是可以部署的,就是随时可以放到产品服务器上跑。在底层每个分支没有拷贝出自己独立的历史线,master 其实是一个指针,指向 分支上最新版本,每个 commit 顺藤摸瓜找到自己的前一个 commit,于是历史线就确定了。
off master 意思是“基于 master ”分支。
branches 标签下,点击分支名字即可切换,或敲 Cmd-B 再输名字回车(熟练后)。
merge 融合的意思,merge一个分支到 master上,master就有了该分支的所有代码。
如果本地仓库叫 coco,github.com 上托管了这个仓库,那本地有个 master 分支,远端(github上)也有个 master 分支,是不同的分支。
sync 就是同步,可以把远端的master 拉( pull )到我本地使本地和远端的master 融合。和拉对应的是 推 (push),就是把本地的合并到远端。
Git中的版本以文件的内容或目录的结构计算出一个 SHA-1 哈希值,40 个十六进制字符(0-9 及 a-f)组成,作为指纹字符串,版本以此哈希值用来作索引的,而不是靠文件名。
二、团队合作流程
Github Flow ,就是给一个项目开发新功能要走的几步,核心就是”拉取请求“( Pull Request ),简称 PR 。
和朋友合作,先在项目的settings页面,把她添加成项目的“协作者”( collaborator )
一般是两个人(假如)各开一个”话题分支“( Topic Branch ),然后把代码 clone 到本地进行新功能的开发,每实现一点小功能就 publish 到远端,这样方便队友查看我的进度。
PR就是说,我做好的分支,进行讨论后发个PR,项目维护者(这里是我俩),就可以考虑是否 Merge Pull Request ( 融合拉取请求 ),采纳这个分支。
需要小改动时,我们选择 快速PR:在网页中edit要修改的文件,然后填写一个 Topic 分支名创建分支,commit到分支上发PR。
三、贡献开源项目
Fork 就是拷贝别人的项目,拷贝后,修改了代码可以向原作者发PR,他可以考虑是否采纳。
四、github技巧
打开一个项目主页,当然会有很多文件和目录了,如何快速找到一个文件呢?可以敲 t 然后在打开的页面中就可以输入文件名进行筛选了。
五、git客户端和命令行的操作
【前端学习】搬进Github的更多相关文章
- GitHub最全的前端资源汇总仓库(包括前端学习、开发资源、求职面试等)
在GitHub上收集的最全的前端资源汇总(包括前端学习.前端开发资源.前端求职面试等) 个人结合github上各位大神分享的资源进行了简单的汇总整理,每一个条目下面都有丰富的资料,是前端学习.工作的好 ...
- 强烈推荐 GitHub 上值得前端学习的开源实战项目
强烈推荐 GitHub 上值得前端学习的开源实战项目. Vue.js vue-element-admin 是一个后台前端解决方案,它基于和 element-ui 实现 基于 iView 的 Vue 2 ...
- GitHub上最火的、最值得前端学习的几个数据结构与算法项目!没有之一!
Hello,大家好,我是你们的 前端章鱼猫. 简介 前端章鱼猫从 2016 年加入 GitHub,到现在的 2020 年,快整整 5 个年头了. 相信很多人都没有逛 GitHub 的习惯,因此总会有开 ...
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js-Web前端(W3Cways.com) - Web前端学习之路
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预 ...
- vue—你必须知道的 js数据类型 前端学习 CSS 居中 事件委托和this 让js调试更简单—console AMD && CMD 模式识别课程笔记(一) web攻击 web安全之XSS JSONP && CORS css 定位 react小结
vue—你必须知道的 目录 更多总结 猛戳这里 属性与方法 语法 计算属性 特殊属性 vue 样式绑定 vue事件处理器 表单控件绑定 父子组件通信 过渡效果 vue经验总结 javascript ...
- Vue学习笔记-vue-element-admin 前端学习
一 使用环境 开发系统: windows 后端IDE: PyCharm 前端IDE: VSCode 数据库: msyql,navicat 编程语言: python3.7 (Windows x86- ...
- 前端学习 node 快速入门 系列 —— npm
其他章节请看: 前端学习 node 快速入门 系列 npm npm 是什么 npm 是 node 的包管理器,绝大多数 javascript 相关的包都放在 npm 上. 所谓包,就是别人提供出来供他 ...
- 每天成长一点---WEB前端学习入门笔记
WEB前端学习入门笔记 从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工 ...
- web前端学习部落22群分享给需要前端练手项目
前端学习还是很有趣的,可以较快的上手然后自己开发一些好玩的项目来练手,网上也可以一抓一大把关于前端开发的小项目,可是还是有新手在学习的时候不知道可以做什么,以及怎么做,因此,就整理了一些前端项目教程, ...
- 【web前端学习部落22群】分享 碰撞的小球开源小案例
对于课程中的疑问,大家可以加 web前端学习部落22群 120342833和其他老师还有众多的小伙伴们进行沟通交流哦,群里还有不少技术大拿.行业大牛 可以一起探讨问题,我们也会安排专业的技术老师为大家 ...
随机推荐
- js/jquery判断浏览器的方法总结
JS获取浏览器信息浏览器代码名称:navigator.appCodeName浏览器名称:navigator.appName浏览器版本号:navigator.appVersion对Java的支持:nav ...
- mac os下得pycharm怎么设置mercurial?
捣鼓了一会儿,最终搞定了. 先把链接贴上来:https://www.jetbrains.com/pycharm/help/mercurial.html 如果你发现你的pycharm在设置mercuri ...
- python中的深拷贝和潜拷贝
>>> a = ['ace',['age',10]] >>> b = a[:] >>> c = list(a) >>> for ...
- Android组件系列----ContentProvider内容提供者
[声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/4 ...
- 认识实验室信息管理系统(LIMS)
在当今互联网如日中天的大环境下,各种伴随着互联网的产物如p2p,o2o在如火如荼的进行着,吸引了大量的开发人员都涌向了这个行业,所有的技术似乎都在围绕着互联网发展,传统行业软件开发的人气和关注度就相形 ...
- jQuery Mobile和Sencha Touch哪个更适合你?
纯粹的总结一下移动web开发框架,移动web开发框架有jQuery Mobile .Sencha Touch等等,他们都来源于web开发,是成熟的框架,jQuery Mobile出自于jQuery家族 ...
- 使用lftp传输文件的shell脚本
学习参考用,需要服务器上安装lftp. #!/bin/bash #date filepath=/usr/hadoop/bigdata/filterurl filtercount=$(ls $filep ...
- Python基础 - 获取N天前的日期
获取今天前第N天的日期 from datetime import datetime from datetime import timedelta def get_date(days=N): retur ...
- 可以这样去理解group by和聚合函数(转)
http://www.cnblogs.com/wuguanglei/p/4229938.html 写在前面的话:用了好久group by,今天早上一觉醒来,突然感觉group by好陌生,总有个筋别不 ...
- 2016动作短片《全境封锁:特工起源》HD720P.英语中字
导演: 德文·格雷厄姆主演: Matt Lynch / Sasha Andreev / Amanda Day类型: 动作 / 短片制片国家/地区: 美国语言: 英语上映日期: 2016-01-19片长 ...