前言

若文章有误,欢迎读者留言反馈

git 学习【本地仓库,版本管理】

  1. 安装git软件 -> 测试是否安装成功

    1
    git --version
  2. 全局配置 用户名和邮箱

    1
    2
    3
    4
    5
    6
    7
    配置用户名和邮箱【赋值】
    git config --global user.name "Your Name"
    git config --global user.email "email@example.com"

    获取用户名和邮箱【不赋值===取值】
    git config --global user.name
    git config --global user.email
  3. 搭建项目 (如果已经有项目 => 跳过搭建项目直接配置.gitignore文件)

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    配置 .gitignore文件  => 该文件直接建在站点根目录,以根目录为站点,忽视其它文件,不提交到暂存区
    不想忽略也可以不配置该文件

    ++++++++++++++.gitignore模板+++++++++++++++
    .DS_Store
    node_modules
    /dist
    /mtk/url.js

    # local env files
    .env.local
    .env.*.local

    # Log files
    npm-debug.log*
    yarn-debug.log*
    yarn-error.log*

    # Editor directories and files
    .idea
    .vscode
    *.suo
    *.ntvs*
    *.njsproj
    *.sln
    *.sw?
  4. 对项目进行版本管理

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    (1). 初始化本地仓库 (对本地的项目进行管理  => 项目所在根目录) 
    git init 【最后面扩展:谈一下其他类似命令如npm init】
    初始化之后会在项目根目录出一个.git文件,它就是我们的本地仓库
    【注意:如果成功了没有该文件夹,vscode的文件隐藏了.git文件 ==> 6.vscode设置显示.git文件方法img】

    (2). 工作区 提交到 暂存区

    git add index.html 单文件提交 (每次提交一个 => 麻烦)
    git add . 提交所有代码 (相较于上个版本 更改的代码)

    (3). 暂存区 提交到 版本区
    git commit -m 'xxx' // 一定要有提交信息

    (4). 查看提交日志
    git log 查看提交日志 (版本创建之初到当前版本(HEAD所在位置)的提交日志)

    (5). 查看文件状态
    git status 查看文件状态

    工作区修改 还未提交 暂存区 => 红色
    暂存区 还未提交 版本区 => 绿色

    (6). 后续重复 (2)-(5) 即可 => 不断地添加/修改代码 => 提交到版本区
  5. 版本回退

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    --hard强制的意思
    git reset --hard HEAD^ 回退前一个版本
    git reset --hard HEAD^^ 回退前两个版本
    git reset --hard HEAD~n 回退前n个版本

    git reset --hard 版本号(至少前5位) 回退到指定版本

    git reflog 查看操作日志 (版本创建之初到当前版本的所有操作日志)

    git push -f # 强制推送,主要用于本地仓库回退到指定版本后,让远程仓库与本地仓库同步【也可以本地仓库回退后更新了内容,再使用此命令】
  6. vscode设置显示.git文件方法img

    vscode不显示git文件

  7. todo

总结

首次创建本地仓库并推送成功之后,这时候本地代码又发生变更,想推送远程仓库该如何操作?

1
2
3
4
5
6
# 添加到暂存区 => 英文状态下的点,表示添加所有文件,也可以添加指定文件,把点替换掉即可
git add .
# 提交到本地仓库 => 可以附加简短的提交信息
git commit -m '你想添加的信息'
# 推送到远程仓库 => origin是远程仓库别名,没有实际意义[大部分情况下远程仓库连接一次之后就不需要再进行连接了]
git push origin main

扩展

* git init
  * 初始化一个新的本地仓库,得到的是.git文件 => 本地仓库【版本库】
* npm init
  * 初始化项目,得到的是package.json文件 => 它主要是用来记录我们项目所用到包详细信息
  * 使用npm init初始化项目还有一个好处就是在进行项目传递的时候不需要将项目依赖包一起发送给对方,对方在接受到你的项目之后再执行npm install就可以将项目依赖全部下载到项目里
  * npm init -y
    * -y 的含义:yes的意思,在init的时候省去了敲回车的步骤,生成的默认的package.json
* npm install
  * 安装项目所依赖的包,得到的是node_modules文件