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