学习参考 萌码

一、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的更多相关文章

  1. GitHub最全的前端资源汇总仓库(包括前端学习、开发资源、求职面试等)

    在GitHub上收集的最全的前端资源汇总(包括前端学习.前端开发资源.前端求职面试等) 个人结合github上各位大神分享的资源进行了简单的汇总整理,每一个条目下面都有丰富的资料,是前端学习.工作的好 ...

  2. 强烈推荐 GitHub 上值得前端学习的开源实战项目

    强烈推荐 GitHub 上值得前端学习的开源实战项目. Vue.js vue-element-admin 是一个后台前端解决方案,它基于和 element-ui 实现 基于 iView 的 Vue 2 ...

  3. GitHub上最火的、最值得前端学习的几个数据结构与算法项目!没有之一!

    Hello,大家好,我是你们的 前端章鱼猫. 简介 前端章鱼猫从 2016 年加入 GitHub,到现在的 2020 年,快整整 5 个年头了. 相信很多人都没有逛 GitHub 的习惯,因此总会有开 ...

  4. jQuery延迟加载(懒加载)插件 – jquery.lazyload.js-Web前端(W3Cways.com) - Web前端学习之路

    Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预 ...

  5. vue—你必须知道的 js数据类型 前端学习 CSS 居中 事件委托和this 让js调试更简单—console AMD && CMD 模式识别课程笔记(一) web攻击 web安全之XSS JSONP && CORS css 定位 react小结

    vue—你必须知道的   目录 更多总结 猛戳这里 属性与方法 语法 计算属性 特殊属性 vue 样式绑定 vue事件处理器 表单控件绑定 父子组件通信 过渡效果 vue经验总结 javascript ...

  6. Vue学习笔记-vue-element-admin 前端学习

    一  使用环境 开发系统: windows 后端IDE: PyCharm 前端IDE: VSCode 数据库: msyql,navicat 编程语言: python3.7  (Windows x86- ...

  7. 前端学习 node 快速入门 系列 —— npm

    其他章节请看: 前端学习 node 快速入门 系列 npm npm 是什么 npm 是 node 的包管理器,绝大多数 javascript 相关的包都放在 npm 上. 所谓包,就是别人提供出来供他 ...

  8. 每天成长一点---WEB前端学习入门笔记

    WEB前端学习入门笔记 从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工 ...

  9. web前端学习部落22群分享给需要前端练手项目

    前端学习还是很有趣的,可以较快的上手然后自己开发一些好玩的项目来练手,网上也可以一抓一大把关于前端开发的小项目,可是还是有新手在学习的时候不知道可以做什么,以及怎么做,因此,就整理了一些前端项目教程, ...

  10. 【web前端学习部落22群】分享 碰撞的小球开源小案例

    对于课程中的疑问,大家可以加 web前端学习部落22群 120342833和其他老师还有众多的小伙伴们进行沟通交流哦,群里还有不少技术大拿.行业大牛 可以一起探讨问题,我们也会安排专业的技术老师为大家 ...

随机推荐

  1. 页面分享代码share

    在开发一个页面的时候常常会有这么一个小功能,就是分享该页面中的信息. 常见的分享代码有百度分享,JiaThis分享插件,bshare分享插件等,我主要分享一下自定义分享代码,如下: function ...

  2. 紧接上篇,jQuery调用jsonp,并且在页面上展示

    在上篇中提到了spring4.1+支持jsonp的调用,做了个例子,用来在页面上展示jsonp: (js写的丑了点,本人后端出生,前端大侠们轻拍~) var Menu = function () { ...

  3. Android中Intent传值与Bundle传值的区别详解

    Android中Intent传值与Bundle传值的区别详解 举个例子我现在要从A界面跳转到B界面或者C界面   这样的话 我就需要写2个Intent如果你还要涉及的传值的话 你的Intent就要写两 ...

  4. 解决: osx内置vpn连接后无法ping自己的vpn ip地址

    The route table looks like this after connected to the VPN: 10.20.1/24 10.20.11.147 UGSc 0 0 utun0 1 ...

  5. ibatis动态查询条件

    ibatis的调试相对困难,出错的时候主要依据是log4生成的log文件和出错提示,这方面要能比较熟练的看懂. 下面这个配置基本上包含了最复杂的功能:分页\搜索\排序\缓存\传值Hash表\返回has ...

  6. Web消息主体风格(Message Body Style)

    对于Web HTTP编程模型来说,服务契约中作为操作的方法无须应用OperationContractAttribute特性,只需要根据需要应用WebGetAttribute与WebInvokeAttr ...

  7. qt中文乱码问题

    首先,声明一下,QString 是不存在中文支持问题的,很多人遇到问题,并不是本身 QString 的问题,而是没有将自己希望的字符串正确赋给QString. 很简单的问题,"我是中文&qu ...

  8. [MetaHook] Quake OpenGL function

    Quake OpenGL function for MetaHook plugin. Thank hzqst :D QGL.h #ifndef QGL_H #define QGL_H #include ...

  9. 『设计』Laura.Compute 设计思路

    前言: 前一篇文章 <『开源』也顺手写一个 科学计算器:重磅开源> ,继 Laura.Compute 算法开源之后,有 博客园 园友 希望公开一下 Laura.Compute算法 的 设计 ...

  10. JavaScript中的各种小坑汇总

    1.Number()将部分非数字类型转换为0 强制转换为数值类型函数: parseFloat.parseInt 优点:对非数值类型统一返回NaN 缺点:会将一部分符合数值类型的字符串也识别为数值 pa ...