困扰你的Git操作？

前端学习笔记篇之 git 那些事

Git 是一款免费、开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。学习前端，离不开 Git 的使用，面试时也是一个常考的话题，在日常开发中，也困扰我们许久，下面就让我们一起走进它~

我将从以下几点进行介绍, 准备好走进 Git 的世界了嘛~

• 高频词汇的含义

• git 常用指令

• 几种常见 git 操作流程

高频词汇的介绍

git 操作博大精深，细节很多，对于日常开发的我们而言，熟识几条常用的操作便可解决日常问题。对于初学者而言了解 git 基本词汇的含义和 git 的工作原理还是很有必要的，这样对解决 git 操作中的 “bug” 也非常有帮助。

• remote：指存放在远程的一个计算机，在一般指 GitHub 服务器。

• clone：指克隆，将 github 上的项目克隆（也可以说是复制）到自己的电脑上。

• origin：指远程的代码仓库（自己的仓库），即源文件。

• upstream：指上游，fork 别人项目的地址，别人的项目就是你的上游，即上一层源文件。

• master：指主分支。

• pull：指拉代码，把你 Github 上的远程仓库拉到本地计算机上。

• push：指提交代码，把你本机上的项目提交到 Github 上的远程仓库。

特别注意：本地的 .git 文件是指本地仓库，.git 目录下存放着所有文件的版本和关联信息，该目录在默认条件下是隐藏的。

git 常用指令的用法

1. 源文件：

• git remote -v ：指查看远程关联的仓库，包括源文件和上一层源文件。

• git remote add origin + 网址：指添加一个源文件。

• git remote add upstream + 网址：指添加一个上一层源文件，即 fork 项目的源文件。

• git remote remove origin/upstream + 网址：指删除一个源文件或上一层源文件。

2. 初始化：

• git clone + 网址：指把网址中对应的项目克隆到自己本机上。

• git init：指初始化. git 文件，里面没有链接信息，初始化后要重新建立与远程仓库的关联。

• git pull upstream master：指把获得原项目更新。

3. 提交：

• git add + 文件名：指把修改的某个文件添加到暂存区（指. git 仓库）；

• git add . : 指把所有的修改文件添加到暂存区；

• git commit -m "认真写为什么要做这次提交"：便于日后查阅和他人理解；

• git push -u origin master: 指把暂存区的文件提交到 github 中。

• git log：指查看提交的历史记录。

• dir：查看该文件的子目录。

4. 分支：

• git status：查看所有情况；

• git branch：指查看分支信息；

• git branch + 分支名：指创建新的分支；

• git checkout + 分支名：指切换分支。

看到这里大家是不是已经有点晕呢

下面用一张图对 git 的常用命令总结一下：

几种常见的 git 流程

前提：只有进入到相应的文件目录后才能对 git 进行相关的操作。

相关文件夹命令行操作：a

• cd + 文件名：进入该文件目录下

• cd ../ : 返回到上级目录

• dir：查看当前文件下的所有子文件

情况一：新建一个项目并建立关联

1. 先在 github 上创建一个新仓库

点右边红框里的按钮复制仓库地址：

2. 在本地 VSCode 的 workplace 下点击右键 Git Bash Here 打开

3.git clone + 仓库地址，把仓库里的文件克隆到本机上。

此时在本地就新建了一个 wxappfontreading_class1 文件夹

4.git remote -v 查看文件关联

情况二：fork 别人的项目到本机上

1. 在 workplace 下新建一个新的文件夹；

2. 右键该文件夹，点击 Git Bash Here 打开；

3. 依次输入： 

（1）git init（初始化该文件夹） 

（2）git remote add upstream + fork文件地址（与fork的项目关联）

（3）git pull upstream master（把fork的项目拉到本机上）

  4. 在新建文件夹下创建了 fork 的文件。

情况三：如何和 fork 的项目保持同步更新

• 与 fork 的项目建立了关联 输入"git pull upstream master"就可实现代码更新

• 未与 fork 的项目建立关联

    1）先建立项目关联
       git remote add upstream + fork文件地址
       git remote -v 查看项目关联
    2）再实现代码更新
       git pull upstream master 把项目拉到本机上

情况四：git 别人的项目，但是不通过 fork 形式的流程

以增加 wxapp-starter 文件的实例来说明:

• 在 github 上新建一个 "wxapp-starter" 仓库

• git clone + 别人项目的链接

• git remote remove origin （删除别人 origin 的链接）

• remove .git（删除 wxapp-starter 文件里的. git 文件）

• git init （初始化 .git 文件）

• git remote add origin + 自己仓库的地址（在 .git 中增加自己的 origin 的链接）

• git pull origin master（与自己的项目同步）

情况五：git 提交的通用过程（每次修改代码后都要进行的操作）

1. git status （查看当前文件的修改状态）；

2. git add 某文件（添加某个修改文件）/ git add .(添加文件所有修改文件)；

3. git commit -m "注释"（提交文件并备注）；

4. git push -u origin master（把暂存区的文件发送到 github 上）

以 es6 文件为例进行提交：

关于 git 操作的分享就告一段落啦，后续会有更多其他内容，欢迎大家一起交流学习哟 (＾Ｕ＾) ノ

原文：https://segmentfault.com/a/1190000012258322