git-github

1 Git 介绍

Git 是一款开源免费的版本控制系统，是一个应用程序

1.1 Git 作用

版本控制系统在项目开发中作用重大，主要的功能有以下几点

• 代码备份
• 版本回退
• 协作开发
• 权限控制

1.2 下载安装

下载地址 https://git-scm.com/ ，安装方式与 QQ 安装相同，一路下一步，中间可以设置软件的安装路径

2 Linux 常用命令

Linux 是一套开源免费的操作系统，它与 Windows 属于同一类型的事物，但是操作方式却与 windows 不同。

Windows 为图形化操作形式，Linux 一般使用命令与系统进行交互，常用的命令有：

命令	介绍
touch	创建一个文件
mkdir	创建文件夹（make directory） mkdir my a b c
rmdir	删除一个空的目录
ls	查看文件夹下的文件 （list 单词的缩写）
cd	改变工作目录，（change directory 缩写）
cd …	回到上一级
cd /d cd d：	进入到D盘
Tab	路径自动补全
clear	清屏（也可以使用 ctrl + l 快捷键）
mv test.html t.html	移动文件，重命名 move 缩写
cat test.html	查看文件内容
ctrl + c	取消命令
ctrl+拖动滚轮	对文字进行放大或缩小
上下方向键	查看命令历史

3 Vim 基本使用

Vim 是一款命令行下的文本编辑器，编辑方式跟图形化编辑器不同

Vim 编辑文件的步骤：

1. 命令行 vim 文件名 打开文件

2. 按『i』进入编辑模式

3. 编辑文件内容

4. ESC + :wq 保存并退出 w: write q: quit

   ESC + :q! 不保存并退出

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EnodVRRK-1622030986372)(C:\Users\王秀\AppData\Roaming\Typora\typora-user-images\image-20210525144523952.png)]

4 Git 使用

4.1 起始配置

第一次使用 Git 的时候，我们需要配置用户名和邮箱，记录开发者的信息

# 配置自己的姓名
git config --global user.name "Your Name" 
# 配置自己的邮箱
git config --global user.email "email@example.com" 

注意

1. 命令之间有空格
2. 上面的两个命令只需要运行一次即可, 如果输入错误, 重新运行命令即可
3. 可以使用 git config -l命令来查看配置信息 (使用 q 字母退出配置查看窗口)
4. 这个命令以后不用自己手敲, 直接复制修改『名字』与『邮箱』即可

4.2 基本操作

Git 的起始操作包括以下几个步骤

1. 创建并进入空文件夹 基本操作

2. 右键 -> 点击 Git Bash Here 启动命令行

3. 仓库初始化 (一个仓库只运行一次 git init)

   git init
   

4. 创建一个初始化文件 index.html

5. 将文件加入到暂存区

   git add index.html          
   git add -A（all） 添加所有的文件到暂存区
   git ls-files index.html 查看暂存区当中的文件列表
   

6. 提交到仓库

   git commit -m  “创建了一个文件”  
   git commit 进入vim模式，可以进行文字说明
   

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ibceOT9o-1622030986373)(C:\Users\王秀\AppData\Roaming\Typora\typora-user-images\image-20210525144626884.png)]

4.3 .git 目录

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5HxLVoG7-1622030986375)(C:\Users\王秀\AppData\Roaming\Typora\typora-user-images\image-20210525144739296.png)]

• hooks 目录包含客户端或服务端的钩子脚本，在特定操作下自动执行
• info 信息文件夹. 包含一个全局性排除文件，可以配置文件忽略
• logs 保存日志信息
• objects 目录存储所有数据内容,本地的版本库存放位置
• refs 目录存储指向数据的提交对象的指针（分支）
• config 文件包含项目特有的配置选项
• description 用来显示对仓库的描述信息
• HEAD 文件指示目前被检出的分支
• index 暂存区文件，是一个二进制文件 (git ls-files)

切记： 不要手动去修改 .git 文件夹中的内容

4.4 版本库的三个区域

• 工作区（代码编辑区）
• 暂存区（修改待提交区）
• 仓库区（代码保存区）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-b6MSjgqu-1622030986377)(C:\Users\王秀\AppData\Roaming\Typora\typora-user-images\image-20210525144555070.png)]

4.5 命令小结

命令	作用
git status	查看版本库状态
git add -A	添加所有修改到暂存区
git commit -m 注释	建立存档并添加注释
git diff	查看工作区与暂存区的差异（不显示新增文件）
git diff --cached	查看暂存区与仓库的差异

4.6 增加命令

touch home.html  				//创建home.html文件
git status      				//查看暂存区的状态  
				 				//红色：工作区存在,暂存区不存在
git add -A						//绿色:工作区和暂存区都存在，仓库不存在（撤销或进入仓库）		 
git restore --staged home.html  //从暂存区撤销到工作区 撤销多个文件之间用空格

touch index.html car.html
git add -A
git restore --staged *  //从暂存区撤销所有的
    
git add -A
git commit -m ""

4.7 修改命令

1 打开index.html，追加一些内容 更新并提交到仓库
git add -A                 //提交到暂存区
git status                 // 查看状态 
						   //红色：工作区变化，暂存区未变  绿色：工作区变化，暂存区也变化，仓库未变
git commit -m "up index.html" //仓库更新

2 打开index.html，追加一些内容，但是还是想要之前的内容，就恢复
git add -A 
git status
git restore --staged index.html  //从暂存区撤销到工作区
git status                   //绿色
git resrore index.html     //将工作区中的内容恢复到上次提交之前的样子（将暂存区覆盖工作区）
git checked index.html     //恢复

4.8 删除

//删除文件，然后将代码与仓库同步
git ls-files 暂存区
ls
rm home.html
get status   红色(rm暂存区还存在)
git add -A   同步到暂存区
get commit -m "del home.html"  暂存区也删掉

//删除文件，暂存区还存在，就可以恢复
rm index.html 
git restore index.html

4.9 diff

git diff 查看工作区与暂存区的差异（不显示新增文件，比较已经有的文件）

git diff --cached 查看暂存区与仓库的差异

//在g.html添加内容
git diff            //白字代表未变化，红字代表删除  绿色代表增加
git add -A
git diff            //工作区与暂存区一样了
git diff --cached 
git commit -m "up"  
git diff --cached   //暂存区与仓库区一样了

4.10 历史版本回滚

Git 可以将项目代码内容切换到历史的任何一个版本

4.10.1 查看历史记录

借助于下面命令，可以查看

git log   
git log --oneline

如果内容偏多， 需要使用方向键上下滚动， 按 q 退出

4.10.2 版本回滚 (版本切换)

git reset --hard  b815fd5a6ae655b521a31a9

进行版本回退时，不需要使用完整的哈希字符串，前四位或者七位即可

版本切换之前，要对工作区内容进行提交  add commit 

4.10.3 找不到版本号的情况

查看所有的操作记录

git reflog

4.11 配置忽略文件

项目开发过程中有些文件不应该存储到版本库中，这个时候配置忽略这些文件。常见情况有：

1. 临时文件
2. 多媒体文件，如音频，视频
3. 可执行文件，如 exe 文件
4. 编辑器生成的配置文件 (.idea)
5. npm 安装的第三方模块

在项目的根目录下（一般与 .git 目录同级），创建一个文件 『.gitignore』 设置忽略，常用规则如下：

# 忽略所有的 .idea 文件夹
.idea
# 忽略所有以 .test 结尾的文件
*.test
# 忽略 node_modules 文件和文件夹
/node_modules
/404.html    //忽略当前目录下的404
404.html     //忽略 所有
/*.mp3       //忽略当前目录下的所有mp3文件

**注意：**如果文件已经放置到仓库中，那么文件不允许忽略，

解决方法：

//1 将指定的文件goods.html在暂存区清除
git rm --cached goods.html
//2 执行commit.仓库当中的清除
git commit -m "del-goods.html"
//3 在.gitignore当中增加配置
/goods.html

仓库中已经提交该文件

1. 对于已经加入到版本库的文件，可以在版本库中删除该文件

   git rm --cached .idea
   

2. 然后在 .gitignore 中配置忽略

   .idea
   

3. add 和 commit 提交即可

4.12 分支

分支是 Git 重要的功能特性之一，开发人员可以在主开发线的基础上分离出新的开发线。

4.12.1 基本操作

在主分支master当中进行如下操作

git init
touch a.html b.html c.html d.html
git add -A
git commit -m "都提交"

① 创建分支

dev 为分支的名称

git branch dev   

② 查看仓库中的所有分支

git branch  绿色:当前的分支

③ 切换分支

git checkout dev

在dev分支里进行操作：

• 在master当中创建的分支，初始内容与master分支相同，
• 在dev分支中操作文件，不会影响到master

touch dev.html
git add -A
git commit -m "我在dev的仓库里"
git checkout master  //切换到主分支，没有dev分支里的内容

④ 合并分支 首先保证当前在master分支

git merge dev

⑤ 删除分支（不允许在当前的分支下）

git branch -d dev

⑥ 创建并切换分支

git checkout -b dev

注意: 每次在切换分支前 提交一下当前分支

解决分支删除：

git checkout -b wang
touch wang.html
git add -A
git commit -m "add wang.html"
git checkout master
git branch -d wang //error:The branch 'wang' is not fully merged  分支拥有未合并的内容

方法：

• 合并之后再删除

git merge wang
git branch -d wang

• 强制删除

git branch -D wang

• 还想要恢复

git reflog
git branch dev 3b27版本号

4.12.2 分支冲突

当多个分支修改同一个文件后，合并分支的时候就会产生冲突，冲突的解决非常简单，『将内容修改为最终想要的结果』，步骤如下：

1. 定位产生冲突的文件 （git status both modified 标识的文件为有冲突的文件）
2. 修改冲突文件的内容为最终正确的结果
3. git add -A 和 git commit 提交即可

制造冲突：

# 1、进入到master分支
git checkout master
# 2、修改a.html  --> master
git add -A
git commit -m "up->a.html->master"
# 3、入到dev分支
git checkout dev
# 4、修改a.html -->dev
git add -A
git commit -m "up-a.html->dev"
# 5、进入到master分支合并dev
git checkout master
git merge dev

解决办法：手动解决。

<<<<<<< HEAD
master
=======
dev
>>>>>>> dev

git add -A
git commit -m "解决冲突"

4.12.3 补充

重命名

git checkout -b my
git branch -M home  //将my重命名为home

5 GitHub

5.1 介绍

GitHub 是一个 Git 仓库管理网站。可以创建远程中心仓库，为多人合作开发提供便利。

https://github.com/

wangxiu216

5.2 使用流程

GitHub 远程仓库使用流程较为简单，主要有以下几种场景：

① 本地有仓库

1. 注册并激活账号

2. 创建仓库

3. 获取仓库的地址

4. 本地配置远程仓库的地址

   git init
   touch README.md
   git add -A
   git commit -m "add-README.md"
   git remote add origin https://github.com/wangxiu216/test.git  
   //远端仓库管理   弗拉基米尔·伊里奇·乌里扬诺夫   
   remote 远程
   add  添加
   origin 存储地址的一个变量  可以更改，可以写多个
   https://github.com/wangxiu216/test.git    远程仓库地址
   
   git remote -v  //查看存储的远程信息列表
   git remote rename home index   //将存储的Home存储为index
   git remote remove index       // 将index进行移除
   

5. 本地提交（确认代码已经提交到本地仓库）

6. 将本地仓库内容推送到远程仓库 http

   git push -u origin master //指定仓库，指定远程仓库地址为my，分支为master
   //第一次提交仓库写完整，后续直接可以git push
   push 推送
   -u   关联, 加上以后,后续提交时可以直接使用 git push
   origin 远端仓库的别名
   master 本地仓库的分支
   

② 免登陆 到第四步 设置ssh

1 打开cmd

2 执行一下命令：

ssh-keygen -t rsa -C "1462363969.qq.com"

3 打开：C：\users\wangxiu/.ssh/id_rsa.pub

4 将文件的内容用notepad打开，复制，打开github点击头像找到setting–SSH and GPG keys–SSH keys

git remote add origin git@github.com:wangxiu216/mytest.git
git push -u origin master

第二次创建文件，再次提交到远程仓库

touch abc.html
git add -A
git commit -m "add abc.html"
git push

③ 远程仓库制造冲突

//在abc.html中写入内容
touch abc.html     git add -A     git commit  -m "up abc.html"
打开github进行人为的修改 ，再在本地修改后用git push提交到远程仓库就会出现冲突

解决方法：

• 将程序pull ,将远程仓库的内容下载到本地

git pull

• 手动进行合并

git add -A   /  git commit -m "up abc.html" / git push

如果团队人员增加了页面:

点击仓库，addfile 创建文件 my.txt

touch home.html /  git add -A / git commit -m "up abc.html" / git push

**注意：**以后团队协作时，先push之前先pull

解决：（版本不一致）

git pull 进入到vim模式，可以写入内容，退出
git push

练习：

新建文件夹github 新建home.html 进行第一次远程连接

远程情况下创建分支

git branch dev
git branch
git checkout dev
touch dev.html
git add -A   git commit -m "添加分支dev.html"
git push -u origin dev  //提交到远程分支dev中(后面再操作时直接git push)

④ 本地没有仓库（克隆）

1. 注册并激活账号

2. 克隆仓库(新建一个文件夹)

   mkdir github
   git clone git@github.com:wangxiu216/test.git //放置到test文件夹中
   

   git clone -b dev git@github.com:wangxiu216/test.git dev //将远程的dev分支克隆到dev文件夹
   

   git clone git@github.com:wangxiu216/test.git home //放置到home文件夹中 重命名
   

   克隆后要进入到仓库中 cd test

3. 增加和修改代码

touch index.html

4. 本地提交

git add -A
git commit -m 'message'

5. 推送到远程

git push origin master

克隆代码之后， 本地仓库会默认有一个远程地址的配置， 名字为 origin

5.3 团队协作

1 负责人:组建团队

setting----manage---- access-invite a collaborator(同意后拥有修改的权限)

1 创建一个远程仓库
2 在本地新建一个文件夹 git init
3 在新建的文件夹创建一个仓库，创建一个文件readme.md
4 将本地的仓库放置到远程仓库中

2 组员以及负责人

//1 将远程仓库的内容克隆到本地文件夹中
git clone 地址
//2 在本地仓库当中打开readme.md，在readme.md当中写入自己的名字(git pull不会有冲突)
git add -A
git commit -m "up-readme.md wangxiu"
git push

git@github.com:wangxiu216/first.git

练习2：以自己的名字命名的文件，wangxiu.txt1

1 创建一个文件
touch wangxiu.txt
2 添加到本地仓库
git add -A
git commit -m "wangxiu"
git push

解决：

git pull
vim
git push

练习3 ：在远程仓库中创建一个以自己名字命名的分支，并且在该分支当中有自己新建的文件

git branch wangxiu
git checked wangxiu
touch my.txt
git add -A
git commit -m "wangxiu"
git push -u origin wangxiu

5.4 多人合作

5.4.1 账号仓库配置

GitHub 团队协作开发也比较容易管理，可以创建一个组织

• 首页 -> 右上角 + 号-> new Organization
• 免费计划
• 填写组织名称和联系方式（不用使用中文名称）
• 邀请其他开发者进入组织（会有邮件邀请）

• 点击组织右侧的 settings 设置
• 左侧 Member privileges
• 右侧 Base permissions 设置 write 👌

5.4.2 协作流程

第一次提交

1. 得到 Git 远程仓库的地址和账号密码

2. 将代码克隆到本地（地址换成自己的）

   git clone git@github.com:wangxiu216/first.git
   

3. 切换分支

   git checkout -b 新分支名
   

4. 开发代码

5. 本地提交

   git add -A
   git commit -m '注释内容'
   

6. 合并分支

   git checkout master
   git merge 新分支名
   

7. 更新本地代码

   git pull
   

8. 提交代码

   git push 
   

5.4.3 工作流程

第 N 次流程

1. 更新代码

   git pull
   

2. 创建并切换分支

   git checkout -b 新分支名
   

3. 开发功能

4. 提交

   git add -A
   git commit -m '注释'
   

5. 合并分支

   git checkout master
   git merge 新分支名
   

6. 更新代码

   git pull
   

7. 推送代码

   git push
   

5.4.4 冲突解决

同分支冲突一样的处理，将代码调整成最终的样式，提交代码即可。

5.5 GitFlow

GitFlow 是团队开发的一种最佳实践，将代码划分为以下几个分支

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-l9cmcOAM-1622030986379)(C:\Users\王秀\AppData\Roaming\Typora\typora-user-images\image-20210525144716860.png)]

• Master 主分支。上面只保存正式发布的版本
• Hotfix 线上代码 Bug 修复分支。开发完后需要合并回Master和Develop分支，同时在Master上打一个tag
• Feather 功能分支。当开发某个功能时，创建一个单独的分支，开发完毕后再合并到 dev 分支
• Release 分支。待发布分支，Release分支基于Develop分支创建，在这个Release分支上测试，修改Bug
• Develop 开发分支。开发者都在这个分支上提交代码

6 附录

6.1 Git 官方书籍

https://git-scm.com/book/zh/v2/

6.2 过下面的命令设置不转换，但是不推荐

CRLF 是Carriage-Return Line-Feed 的缩写。

CR 表示的是 ASCII 码的第 13 个符号 \r 回车，LF 表示的是 ASCII 码表的第 10 个符号 \n 换行。

每个操作系统对回车换行的存储方式不同

• windows 下用 CRLF（\r\n）表示
• linux 和 unix 下用 LF（\n）表示
• mac 系统下用 CR（\r）表示

6.3 常见错误

6.3.1 回车换行转换问题

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oBCNNqfx-1622030986380)(C:\Users\王秀\AppData\Roaming\Typora\typora-user-images\image-20210525144811252.png)]

这个问题主要是 Git 在你提交时自动地把回车（CR）和换行（LF）转换成换行（LF），没有影响，这里建议大家保留这个状态。可以通过下面的命令设置不转换，但是不推荐

git config --global core.autocrlf false // 不推荐

6.3.2 提交报错

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8ZN6b6BN-1622030986381)(C:\Users\王秀\AppData\Roaming\Typora\typora-user-images\image-20210525144834595.png)]

其他人已经提交过，本地代码需要更新，首先运行 git pull 命令

6.3.2 冲突提醒

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rbod9NSa-1622030986381)(C:\Users\王秀\AppData\Roaming\Typora\typora-user-images\image-20210525144849317.png)]

6.3.3 提交错误

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-b61dDQYt-1622030986382)(C:\Users\王秀\AppData\Roaming\Typora\typora-user-images\image-20210525144906524.png)]

如果第一次将本地仓库分支提交到远程时，直接使用 git push 可能会报这个错误，解决方法

git push -u origin master

6.3.4 提交错误

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5ORJETnH-1622030986382)(C:\Users\王秀\AppData\Roaming\Typora\typora-user-images\image-20210525144923495.png)]

当前所在文件夹不是一个 git 仓库目录，切换目录工作

6.4 找不到 .git 的方法

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HTD0LgXx-1622030986383)(C:\Users\王秀\AppData\Roaming\Typora\typora-user-images\image-20210525144939810.png)]

6.5 卸载密码管理工具

git credential-manager uninstall
车换行的存储方式不同

* windows 下用 CRLF（\r\n）表示
* linux 和 unix 下用 LF（\n）表示
* mac 系统下用 CR（\r）表示

#### 6.3 常见错误

##### 6.3.1 回车换行转换问题

[外链图片转存中...(img-oBCNNqfx-1622030986380)]

这个问题主要是 Git 在你提交时自动地把回车（CR）和换行（LF）转换成换行（LF），没有影响，<span style="color:red">这里建议大家保留这个状态</span>。可以通过下面的命令设置不转换，但是不推荐

```sh
git config --global core.autocrlf false // 不推荐

6.3.2 提交报错

[外链图片转存中…(img-8ZN6b6BN-1622030986381)]

其他人已经提交过，本地代码需要更新，首先运行 git pull 命令

6.3.2 冲突提醒

[外链图片转存中…(img-rbod9NSa-1622030986381)]

6.3.3 提交错误

[外链图片转存中…(img-b61dDQYt-1622030986382)]

如果第一次将本地仓库分支提交到远程时，直接使用 git push 可能会报这个错误，解决方法

git push -u origin master

6.3.4 提交错误

[外链图片转存中…(img-5ORJETnH-1622030986382)]

当前所在文件夹不是一个 git 仓库目录，切换目录工作

6.4 找不到 .git 的方法

[外链图片转存中…(img-HTD0LgXx-1622030986383)]

6.5 卸载密码管理工具

git credential-manager uninstall