华为ICT培训-高端面授华为ICT培训机构
云和教育:云和数据集团高端IT职业教育品牌
  • 华为
    授权培训中心
  • 腾讯云
    一级认证培训中心
  • 百度营销大学
    豫陕深授权运营中心
  • Oracle甲骨文
    OAEP中心
  • Microsoft Azure
    微软云合作伙伴
  • Unity公司
    战略合作伙伴
  • 普华基础软件
    战略合作伙伴
  • 新开普(股票代码300248)
    旗下丹诚开普投资
  • 中国互联网百强企业锐之旗
    旗下锐旗资本投资

前端培训:Git 的基本操作

  • 发布时间:
    2022-12-12
  • 版权所有:
    云和教育
  • 分享:

1.获取 Git 仓库的两种方式

将尚未进行版本控制的本地目录转换为Git仓库,从其它服务器克隆一个已存在的Git仓库,这两种方式都能够在自己的电脑上得到一个可用的Git仓库。

2.在现有目录中初始化仓库

如果自己有一个尚未进行版本控制的项目目录,想要用 Git 来控制它,需要执行如下两个步骤:

① 在项目目录中,通过鼠标右键打开“Git Bash”

② 执行 git init 命令将当前的目录转化为 Git 仓库

git init 命令会创建一个名为 .git 的隐藏目录,这个 .git 目录就是当前项目的 Git 仓库,里面包含了初始的必要文件,这些文件是 Git 仓库的必要组成部分。

3.工作区中文件的4种状态

工作区中的每一个文件可能有 4 种状态,这四种状态共分为两大类,如图所示:

 

Git 操作的终极结果:让工作区中的文件都处于“未修改”的状态。

4.检查文件的状态

可以使用 git status 命令查看文件处于什么状态,例如:
Git status检查文件状态

在状态报告中可以看到新建的 index.html 文件出现在 Untracked files(未跟踪的文件) 下面。未跟踪的文件意味着 Git 在之前的快照(提交)中没有这些文件;Git 不会自动将之纳入跟踪范围,除非明确地告诉它“我需要使用 Git 跟踪管理该文件”。

5.以精简的方式显示文件状态

使用 git status 输出的状态报告很详细,但有些繁琐。如果希望以精简的方式显示文件的状态,可以使用如下两条完全等价的命令,其中 -s 是 –short 的简写形式:

  #以精简的方式显示文件状态
  git status -s
  git status --short

未跟踪文件前面有红色的 ?? 标记,例如
跟踪文件并标记

6.跟踪新文件

使用命令 git add 开始跟踪一个文件。 所以,要跟踪 index.html 文件,运行如下的命令即可:

 git add index.html

此时再运行 git status 命令,会看到 index.html 文件在 Changes to be committed 这行的下面,说明已被跟踪,并处于暂存状态:

也可以以精简的方式显示文件的状态新添加到暂存区中的文件前面有绿色的 A 标记

7.提交更新

现在暂存区中有一个 index.html 文件等待被提交到 Git 仓库中进行保存。可以执行 git commit 命令进行提交,其中 -m 选项后面是本次的提交消息,用来对提交的内容做进一步的描述:

 git commit-m"新建了index.html文件"

提交成功之后,会显示如下的信息:

提交成功之后,再次检查文件的状态,得到提示如下:
提交成功提示

证明工作区中所有的文件都处于“未修改”的状态,没有任何文件需要被提交。

 

8. 对已提交的文件进行修改

 

目前,index.html 文件已经被 Git 跟踪,并且工作区和 Git 仓库中的 index.html 文件内容保持一致。当我们 修改了工作区中 index.html 的内容之后,再次运行 git status 和 git status -s 命令,会看到如下的内容:

文件 index.html 出现在 Changes not staged for commit 这行下面,说明已跟踪文件的内容发生了变化,但还没有放到暂存区。

注意:修改过的、没有放入暂存区的文件前面有红色的 M 标记。

9.暂存已修改的文件

目前,工作区中的 index.html 文件已被修改,如果要暂存这次修改,需要再次运行 git add 命令,这个命令 是个多功能的命令,主要有如下 3 个功效:

① 可以用它开始跟踪新文件

② 把已跟踪的、且已修改的文件放到暂存区

③ 把有冲突的文件标记为已解决状态

10.提交已暂存的文件

再次运行 git commit -m “提交消息” 命令,即可将暂存区中记录的 index.html 的快照,提交到 Git 仓库中进行保存: