【前端学习】搬进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和其他老师还有众多的小伙伴们进行沟通交流哦,群里还有不少技术大拿.行业大牛 可以一起探讨问题,我们也会安排专业的技术老师为大家 ...
随机推荐
- 如何禁止 iPhone Safari video标签视频自动全屏?
最近做一个移动端微信页面项目,在微信页面中有视频播放,但是需要禁止IOS的自动全屏播放(前提必须使用video标签).如: <video id="post" autoplay ...
- leetcode-Spiral Matrix II 螺旋矩阵2之python大法好,四行就搞定,你敢信?
Spiral Matrix II 螺旋矩阵 Given an integer n, generate a square matrix filled with elements from 1 to n2 ...
- java 14 -7 Date
Date:表示特定的瞬间,精确到毫秒. 了解了解就行. 已经过时,在 JDK 1.1 之前,类 Date 有两个其他的函数.它允许把日期解释为年.月.日.小时.分钟和秒值.它也允许格式化和解析日期字符 ...
- 过滤掉combobox里名称相同的选项
var pname = ""; $('#PartName').combobox({ reload: url, formatter: function (row) {//过滤comb ...
- apply,call,bind的区别
apply.call 在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向. Jav ...
- SQL查询(医疗项目的SQL复习)
内容来自于
- 07Mybatis_入门程序——根据前面的做的两个查询联系,做一些小的总结
总结如下: 1.parameterType和resultType 在映射文件中通过parameterType指定输入 参数的类型. 在映射文件中通过resultType指定输出结果的类型. 例如: & ...
- SEO在网页制作中的应用
1.什么是SEOSEO(Search Engine Optimization)中文意译为“搜索引擎优化”.SEO是指通过网站内部调整优化及站外优化,使网站满足搜索引擎收录排名需求,在搜索引擎中提高关键 ...
- usb驱动开发8之配置描述符
前面分析了usb的四大描述符之端点描述符,接口描述符(每一个接口对应一个功能,与之配备相应驱动),下面是看配置描述符还是看设备描述符呢??我们知道,设备大于配置,配置大于接口,接口可以有多种设置. 我 ...
- 线程变量(ThreadLocal)的使用和测试
ThreadLocal可以定义线程范围的变量,也可以称之为线程局部变量.与一般的变量的区别在于,生命周期是在线程范围内的. 也就是说某个类的某个对象(为清晰描述,以下称A对象)里面有个ThreadLo ...