前端学习笔记篇之 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 别人的项目到本机上
在 workplace 下新建一个新的文件夹;
右键该文件夹,点击 Git Bash Here 打开;
依次输入:
(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 提交的通用过程(每次修改代码后都要进行的操作)
git status (查看当前文件的修改状态);
git add 某文件(添加某个修改文件)/ git add .(添加文件所有修改文件);
git commit -m "注释"(提交文件并备注);
git push -u origin master(把暂存区的文件发送到 github 上)
以 es6 文件为例进行提交: