Git案例：月光宝盒 ，让我们随时回到以前

Git就是月光宝盒 ，让我们随时回到以前

Git案例：版本切换

项目需求：

• 项目不同版本间切换：

新建项目，Git初始化项目。

制作三个不同版本项目（不同版本区分使用标签（tag)）：

html5_v1版本：index.html

html5_v2版本：index.html 、index2.html

html5_v3版本：index.html 、index2.html、index3.html

实现版本切换：查看当前版本，切换到 html5_v1版本，再html5_v2版本， 再切换到 html5_v3

切换时，观察工作空间文件变化。

• 文件不同版本内容查看及回退

切换至html5_v3版本

修改index.html文件，增加hello1, 提交注释：修改1， 

修改index.html文件，增加hello2, 提交注释：修改2， 

修改index.html文件，增加hello3, 提交注释：修改3， 

查看index.html文件版本历史记录

操作：认为【修改3】是错误的，查看【修改2】、【修改1】版本修改内容，认为【修改2】也不正确，回退到【修改1】版本

使用命令行和vscode可视化操作两种方式，建议使用vscode操作。

 

项目不同版本间切换

一、新建项目：

1.新建项目：/baoai/BaoAIFront

2.新增文件：index.html , 内容：hello

3.新建目录node_modules

 

项目版本管理案例需求：

二、Git项目版本初始化

1.Git版本初始化项目/baoai/BaoAIFront （该项目有1个文件index.html和文件夹node_modules)

git init

2.过滤node_modules目录(该目录不做版本控制）

.gitignore

node_modules

3.项目文件全部提交，注释“项目初始化”

git commit -am '项目初始化'

 

4.命名本次提交后版本标签名：html5_v1

 

 

 

5.查看提交及版本情况

 

 

三、根据开发进度给项目标记不同版本标签

1.增加index2.html， 内容：hello2

2.项目全部提交，注释：“项目版本：html5_v2"

 

 

注：新增文件如果不提交，将一直保留在工作区中，不会随时分支或版本切换而发生改变。

3.命名本次提交标签名：html5_v2

 

 

4.增加index3.html， 内容：hello3

5.项目全部提交，注释：“项目版本：html5_v3"

6.命名本次提交标签名：html5_v3

 

 

四、切换版本

切换：查看当前版本，切换到 html5_v1版本，再html5_v2版本， 再切换到 html5_v3

每个版本文件情况：

html5_v1版本：index.html

html5_v2版本：index.html 、index2.html

html5_v3版本：index.html 、index2.html、index3.html

tag切换方法：

vscode:

 

2.切换至：html5_v1版本：

 

当前工作空间：

包含一个文件：index.html

 

文件不同版本内容查看及回退

1.文件修改和分别提交

切换至html5_v3版本

修改index.html文件，增加hello1, 提交注释：修改1， 

修改index.html文件，增加hello2, 提交注释：修改2， 

修改index.html文件，增加hello3, 提交注释：修改3， 

2.查看index.html文件版本历史记录

3.查看【修改2】提交版本内容

3.回退至修改1

soft软回退(reset): 修改1之前提交（修改2、修改3）全部撤销，回至【修改1】提交，但工作空间以前的文件会和【修改1】工作空间文件合并，转到【修改1】提交工作空间中。

hard硬回退(reset): 修改1之前提交（修改2、修改3）全部撤销，回至【修改1】提交，工作空间同步发生改变。

revert(反转): 修改1之前提交（修改2、修改3）不变，但用新的提交使内容回至【修改1】提交状态，工作空间同步发生改变。

选 更多

选 revert