【前端学习】搬进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和其他老师还有众多的小伙伴们进行沟通交流哦,群里还有不少技术大拿.行业大牛 可以一起探讨问题,我们也会安排专业的技术老师为大家 ...
随机推荐
- [ZZ]Android UI Automated Testing
Google Testing Blog最近发表了一篇Android UI Automated Testing,我把他转载过来,墙外地址:http://googletesting.blogspot.co ...
- Python天猫淘宝评论爬虫
说明 由于Github 打包的exe某些文件上传被.gitignore了,所以不提供windows二进制包 https://github.com/hunterhug/taobaocomment 一个抓 ...
- BZOJ 2186 [Sdoi2008]沙拉公主的困惑 【逆元】
题意:求中互质的数的个数,其中. 分析:因为,所以,我们很容易知道如下结论 对于两个正整数和,如果是的倍数,那么中与互素的数的个数为 本结论是很好证明的,因为中与互素的个数为,又知道, ...
- mysql完整备份时过滤掉某些库
mysql进行完整备份时使用--all-database参数比如:#mysqldump -u root -h localhost -p --all-database > /root/all.sq ...
- 使用CSS3画出一个叮当猫
刚学习了这个案例,然后觉得比较好玩,就练习了一下.然后发现其实也不难,如果你经常使用PS或者Flash的话,应该就会知道画个叮当猫是很容易的事,至少我是这么觉得.但是,用CSS3画出来确实是第一次接触 ...
- javascript中的array对象属性及方法
Array 对象 Array 对象用于在单个的变量中存储多个值. 创建 Array 对象的语法: new Array(); new Array(size); new Array(element0, e ...
- ie6,ie7兼容性总结(转)
其实浏览器的不兼容,我们往往是各个浏览器对于一些标准的定义不一致导致的,因此,我们可以进行一些初始化,很多问题都很轻松解决. 下面是14条特殊情况仅供参考: 1. 文字本身的大小不兼容.同样是font ...
- Windows Phone:如何检查WMAppManifest中的Capability属性
在Windows Phone应用中有一个应用程序清单(WMAppManifest.xml),其中对于不同的应用可以设定Capability来告知需要哪些特性或功能,详细内容可以参考官方文档: http ...
- 你都认识下面这些参数么?【Camera】
在调试的时候利用下面这个函数将 Camera AP 部分所设置的参数全部 dump 出来了,真是多啊! 这里仅限于 MTK 平台,MTK 自己在相机这块添加了许多功能,所以看起来就有一大堆的参数. 调 ...
- android gravity属性 和 weight属性
来看这个布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:and ...