郑州网站推广公司排名,网站做的图上传后字变得很模糊,所有网站都能进的浏览器,企业网站开发合同heima 李师傅最新版 Git的讲解 文章目录 Git在实战项目开发使用功能学习01.Git 初识02.Git 仓库03.Git 的三个区域04.Git 文件状态05.Git 暂存区作用06.练习-登录页面07.Git-切换版本08.删除文件09.忽略文件10.分支的概念11.练习-登录 bug 修复12.分支-合并与删除13.分支-合并与… heima 李师傅最新版 Git的讲解 文章目录 Git在实战项目开发使用功能学习01.Git 初识02.Git 仓库03.Git 的三个区域04.Git 文件状态05.Git 暂存区作用06.练习-登录页面07.Git-切换版本08.删除文件09.忽略文件10.分支的概念11.练习-登录 bug 修复12.分支-合并与删除13.分支-合并与提交14.分支-合并冲突15.Git 常用命令16.Git 远程仓库17.Git 远程仓库 - 克隆18.多人协同开发19.VSCode 中使用 Git20.案例-发布项目 - 数据管理平台21.Git 常用命令总结 Git在实战项目开发使用功能学习
01.Git 初识 概念一个免费开源分布式的代码版本控制系统帮助开发团队维护代码 作用记录代码内容切换代码版本多人开发时高效合并代码内容 如何学 个人本机使用Git 基础命令和概念 多人共享使用团队开发同一个项目的代码版本管理 Windows系统exe 程序默认下一步即可
Mac系统dmg 程序默认下一步即可
检验成功
1.打开 bash 终端git 专用
2.命令git -v查看版本号 配置用户名和邮箱应用在每次提交代码版本时表明自己身份
命令
git config --global user.name “itheima”
git config --global user.email “itheimaitcast.cn” 1.为何学习 Git
ü 管理代码版本记录切换合并代码
2.Git 学习
ü 现在本机自己使用
ü 再学习多人共享使用
3.如何安装使用
ü 程序双击安装
ü 在 VSCode 中使用 bash 终端以及 git 命令
02.Git 仓库
Git 仓库repository记录文件状态内容的地方存储着修改的历史记录 创建
1.把本地文件夹转换成 Git 仓库命令 git init
2.从其他服务器上克隆 Git 仓库 需求创建一个空白的 Git 仓库
1.什么是 Git 仓库
ü 记录文件状态内容和历史记录的地方.git 文件夹
2.如何创建 Git 仓库
ü 把本地文件夹转换成 Git 仓库命令 git init
ü 从其他服务器上克隆 Git 仓库
03.Git 的三个区域
Git 使用时
工作区实际开发时操作的文件夹
暂存区保存之前的准备区域暂存改动过的文件
版本库提交并保存暂存区中的内容产生一个版本快照
命令作用git add 文件名暂存指定文件git add .暂存所有改动的文件git commit -m “注释说明”提交并保存产生版本快照
需求把登录页面新增后暂存并提交 1.Git 使用时有哪些区域
ü 工作区暂存区版本库
2.工作区的内容最终要如何保存在版本库中
ü git add 添加到暂存区
ü等待时机后 git commit 提交保存到版本库产生一次版本快照记录
04.Git 文件状态
Git 文件 2 种状态
ü未跟踪新文件从未被 Git 管理过
ü已跟踪Git 已经知道和管理的文件
文件状态概念场景未跟踪U从未被 Git 管理过新文件新添加A第一次被 Git 暂存之前版本记录无此文件未修改‘’三个区域统一提交保存后已修改M工作区内容变化修改了内容产生
使用修改文件暂存提交保存记录如此反复 需求新增 css 文件并使用 git status -s 查看文件状态并最终提交
第一列是暂存区状态
第二列是工作区状态 1.Git 文件状态分为哪 2 种
ü 未跟踪和已跟踪新添加未修改已修改
2.如何查看暂存区和工作区文件状态
ü git status -s
05.Git 暂存区作用
暂存区暂时存储可以临时恢复代码内容与版本库解耦
暂存区 - 覆盖 - 工作区命令git restore 目标文件注意完全确认覆盖时使用
从暂存区移除文件命令git rm --cached 目标文件 1.如何移除暂存区已暂存的文件
ü git rm --cached 目标文件
06.练习-登录页面
需求新增 JS 代码并暂存提交产生新的版本快照
步骤
1.新增 js 文件和内容
2.临时存放在暂存区
3.提交保存到版本库 07.Git-切换版本
概念把版本库某个版本对应的内容快照恢复到工作区/暂存区
查看提交历史git log --oneline 回退命令
git reset --soft 版本号其他文件未跟踪
git reset --hard 版本号
git reset --mixed 版本号 与 git reset 等价
注意1只有记录在版本库的提交记录才能恢复
注意2回退后继续修改-暂存-提交操作即可产生新的提交记录过程 1.什么是 Git 回退版本
ü 把版本库某个版本对应的内容快照恢复到工作区/暂存区
2.强制覆盖暂存区和工作区的命令
ü git reset --hard 版本号
3.如何查看提交历史
ü git log --oneline
ü git reflog --oneline
08.删除文件
需求删除 editor.js 文件并产生一次版本记录
步骤
1.手动删除工作区文件
2.暂存变更/手动删除暂存区文件造成变更
3.提交保存
总结
工作区只要改变都可以暂存提交产生新记录 09.忽略文件
概念.gitignore 文件可以让 git 彻底忽略跟踪指定文件
目的让 git 仓库更小更快避免重复无意义的文件管理
例如
1.系统或软件自动生成的文件
2.编译产生的结果文件
3.运行时生成的日志文件缓存文件临时文件等
4.涉密文件密码秘钥等文件
创建
1.项目根目录新建 .gitignore 文件
2.填入相应配置来忽略指定文件
注意如果文件已经被暂存区跟踪过可以从暂存区移除即可 10.分支的概念
概念本质上是指向提交节点的可变指针默认名字是 master
注意HEAD 指针影响工作区/暂存区的代码状态 场景开发新需求 / 修复 Bug保证主线代码随时可用多人协同开发提高效率
例如
在现有代码上创建新分支完成内容列表业务
突然需要紧急修复 Bug - 单独创建分支解决 Bug 需求创建内容列表 content 分支并产生 3 次提交记录
步骤
创建分支命令git branch 分支名 切换分支命令git checkout 分支名 工作区准备代码并暂存提交重复 3 次
1.什么是 Git 分支
ü 指针指向提交记录
2.HEAD 指针的作用
ü 影响暂存区和工作区的代码
3.如何创建和切换指针
ü git branch 分支名
ü git checkout 分支名
11.练习-登录 bug 修复
需求新建 login-bug 分支做 2 次提交记录对手机号长度验证码长度做判断
步骤
1.切回到主分支git checkout master
2.创建新分支git branch login-bug
3.切换新分支git checkout login-bug
4.修改代码暂存提交产生版本记录
12.分支-合并与删除
需求把 login-bug 合并回到 master 分支并删除 login-bug 分支
步骤
1.切回到要合入的分支上git checkout master
2.合并其他分支过来git merge login-bug
3.删除合并后的分支指针git branch -d login-bug 13.分支-合并与提交
合并提交发生于原分支产生了新的提交记录后再合并回去时发生自动使用多个快照记录合并后产生一次新的提交
步骤
1.切回到要合入的分支上git checkout master
2.合并其他分支过来git merge content
3.删除合并后的分支git branch -d content 最后合并回到主分支上时提交记录流程图
注意提交记录的顺序按照产生的先后顺序排列而非合并的先后顺序 14.分支-合并冲突
需求1基于 master 新建 publish 分支完成发布文章业务然后修改内容页面的 html 文件的 title 标签并提交一次
需求2切换到 master也在修改内容页面的 html 文件的 title 标签并提交一次
冲突把 publish 分支合并到 master 回来产生合并冲突
概念不同分支中对同一个文件的同一部分修改Git 无法干净的合并产生合并冲突
解决
1.打开 VSCode 找到冲突文件并手动解决
2.解决后需要提交一次记录
避免多交流
1.按页面划分不同分支开发
2.公共代码在统一文件夹维护
3.Node等软件版本统一npm 包统一下载 15.Git 常用命令
命令作用注意git -v查看 git 版本git init初始化 git 仓库git add 文件标识暂存某个文件文件标识以终端为起始的相对路径git add .暂存所有文件git commit -m ‘说明注释’提交产生版本记录每次提交把暂存区内容快照一份git status查看文件状态 - 详细信息git status -s查看文件状态 - 简略信息第一列是暂存区状态第二列是工作区状态git ls-files查看暂存区文件列表git restore 文件标识从暂存区恢复到工作区如果文件标识为 . 则恢复所有文件git rm --cached 文件标识从暂存区移除文件不让 git 跟踪文件变化git log查看提交记录 - 详细信息git log --oneline查看提交记录 - 简略信息版本号 分支指针 提交时说明注释
命令作用注意git reflog --oneline查看完整历史 - 简略消息包括提交切换回退等所有记录git reset 版本号切换版本代码到暂存区和工作区–soft 模式保留暂存区和工作区原本内容 --hard 模式不保留暂存区和工作区原本内容 --mixed 模式不保留暂存区工作区保留默认 先覆盖到暂存区再用暂存区对比覆盖工作区git branch 分支名创建分支git branch查看本地分支git branch -d 分支名删除分支请确保记录已经合并到别的分支下再删除分支git checkout 分支名切换分支git checkout -b 分支名创建并立刻切换分支git merge 分支名把分支提交历史记录合并到当前所在分支
16.Git 远程仓库
概念托管在因特网或其他网络中的你的项目的版本库
作用保存版本库的历史记录多人协作
创建公司自己服务器 / 第三方托管平台GiteeGitLabGitHub… 需求创建远程版本库并把本地 Git 仓库推送上去保存
步骤
1.注册第三方托管平台网站账号
2.新建仓库得到远程仓库 Git 地址
3.本地 Git 仓库添加远程仓库原点地址
命令git remote add 远程仓库别名 远程仓库地址
例如git remote add origin https://gitee.com/lidongxu/work.git
4.本地 Git 仓库推送版本记录到远程仓库
命令git push -u 远程仓库别名 本地和远程分支名
例如git push -u origin master
完整写法git push --set-upstream origin master:master 1.远程版本库的作用
ü 保存提交历史记录多人共享
2.远程版本库使用步骤
ü 创建远程版本库自己服务器/第三方托管平台
ü 本地版本库设置远程地址
ü 推送本地版本库到远程
3.推送的命令
ü git push -u origin master
17.Git 远程仓库 - 克隆
克隆拷贝一个 Git 仓库到本地进行使用
命令git clone 远程仓库地址例如git clone https://gitee.com/lidongxu/work.git
效果在运行命令所在文件夹生成 work 项目文件夹包含版本库并映射到暂存区和工作区
注意1Git 本地仓库已经建立好和远程仓库的链接
注意2仓库公开随意克隆推送需要身为仓库团队成员 18.多人协同开发
需求小传新代码共享给小智
步骤
1.小传开发代码 - 工作区 - 暂存区 - 提交 - 拉取可选- 推送
2.小智 - 拉取后续也可以开发代码 - … - 推送
3.想要看到别人同步上去的最新内容git pull origin master 等价于
git fetch origin master:master获取远程分支记录到本地未合并
git merge origin/master (把远程分支记录合并到所在分支下 19.VSCode 中使用 Git
使用源代码管理进行暂存撤销对比差异提交等操作
注意VSCode 打开的项目文件夹下需要有 .git 仓库 20.案例-发布项目 - 数据管理平台
需求把 Webpack 压缩好的 dist 分发文件夹网页部署到码云上开启 Page 服务在互联网中浏览
步骤
1.初始化本地 Git 仓库这次是非空文件夹-配套素材 dist 文件夹
2.初始化远程 Git 仓库这一次也是非空的
3.本地配置远程仓库链接
4.本地拉取合并一下确认本地要包含远程内容时使用
5.本地推送到远程 Git 仓库
6.开启 page 网页服务得到地址浏览
21.Git 常用命令总结
命令作用注意git remote add 远程仓库别名 远程仓库地址添加远程仓库地址别名唯一地址是 .git 结尾的网址git remote -v查看远程仓库地址git remote remove 远程仓库别名删除远程仓库地址git pull 远程仓库别名 分支名拉取完整写法git pull 远程仓库别名 远程分支名:本地分支名 等价于git fetch 和 git mergegit push 远程仓库别名 分支名推送完整写法git push 远程仓库别名 本地分支名:远程分支名 -u建立通道后以后可以简写 git pushgit pull --rebase 远程仓库别名 分支名拉取合并合并没有关系的记录git clone 远程仓库地址克隆从0得到一个远程的Git仓库到本地使用
