Git + Gitee 入门讲义

0 阅读5分钟

Git + Gitee 入门讲义


一、Git 核心概念(一张图理解)

┌─────────────────────────────────────────────────────────────────┐
│                        Git 工作流程                              │
└─────────────────────────────────────────────────────────────────┘

    ┌──────────────┐      git add       ┌──────────────┐
    │   工作区      │  ───────────────→  │    暂存区    │
    │ (Working     │                    │  (Staging)   │
    │  Directory)  │                    │              │
    └──────────────┘                    └──────┬───────┘
                                               │
                                               │ git commit
                                               ▼
                                        ┌──────────────┐
                                        │   本地仓库    │
                                        │(Repository)  │
                                        └──────┬───────┘
                                               │
                    ┌──────────────────────────┼──────────────────────────┐
                    │                          │                          │
                    │ git push                 │                          │ git pull
                    ▼                          │                          ▼
           ┌────────────────┐                  │                ┌────────────────┐
           │   Gitee 远程    │←────────────────────────────────→│   Gitee 远程    │
           │    仓库         │       代码备份/多设备同步          │    仓库        │
           └────────────────┘                                   └────────────────┘

核心口诀add → commit → push(保存并上传)
同步口诀pull → 编辑 → add → commit → push(下载并继续)


二、本地 Git 安装与基础命令

2.1 安装与配置

下载安装git(Git),配置user.name和user.email

Git - Windows 安装,下载安装包之后,双击即可安装。

# 验证安装
git --version

image.png

# 一次性配置(告诉 Git 你是谁)
git config --global user.name "你的名字"
git config --global user.email "你的邮箱@example.com"

这个配置只需要做一次,后续就不用做了。

image.png

2.2 项目(仓库)初始化流程

# 1. 进入项目文件夹
cd my-project

# 2. 初始化 Git 仓库
git init                    # 会创建 .git 隐藏文件夹

# 3. 查看状态(最常用命令)
git status

cd 是进入目录; git init 是初始化仓库; git status 查看状态

2.3 核心命令速查

命令作用使用场景
git add 文件名添加到暂存区修改完文件准备保存
git add .添加所有修改批量保存
git commit -m "描述"提交到本地仓库完成一个功能点
git restore 文件名撤销工作区修改改错了要回退
git log --oneline查看提交历史回顾版本

三、Gitee 远程仓库操作

3.1 网站独立操作(不依赖本地)

  1. 注册/登录gitee.com
  2. 创建仓库:点击 + → 新建仓库 → 建议勾选「使用 Readme 初始化」
  3. 设置 .gitignore:管理 → 仓库设置 → 添加 .gitignore(选择对应语言模板)
  4. 网页编辑文件:直接点 + → 新建文件/编辑 → 在线提交

3.2 本地与远程的两种关联方式

方式一:本地已有 → 推送到远程空仓库
# 本地已有项目
cd existing-project
git init
git add . && git commit -m "初始提交"

# 在 Gitee 创建空仓库(不要勾选初始化)
# 然后关联并推送
git remote add origin https://gitee.com/用户名/仓库名.git
git push -u origin master
方式二:远程已有 → 克隆到本地
第一步 建立仓库

登录gitee.com, 点击新建仓库

image.png 填写仓库名称(英文名称),项目介绍(可选)

image.png

创建成功之后,你就在网络上有一个空间,你可以在线编辑文件,创建新文件,新文件夹,上传文件。类似于网络网盘的效果。

image.png

第二步 克隆项目到本地

线上写代码是极少的情况,更普遍的情况是在自己的电脑(本地)上,写代码。

具体操作如下:复制克隆命令。

image.png

image.png

进入到你自己的电脑的合适的位置,使用cmd窗口,粘贴前面复制的命令,回车运行。

如果你的项目是私有的,这个克隆命令会要求输入用户名和密码。

image.png

正确填写之后,点击continue。

image.png 此时,你拥有了一份与远程仓库一模一样的代码。

image.png

第三步 本地修改代码,并提交到远程仓库

在本地开发项目,例如,新建立一个文件index.html。

image.png

如何把这新的文件“同步”到远程仓库?

(1)切换cmd窗口的目录,定位到项目目录中。

image.png

(2)三句命令:

git add . 

git commit -m "修改说明"

git push

image.png

在gitee的仓库中检查一下。

image.png

推荐:新手优先用方式二,更简单可靠。


四、实战场景:机房 ↔ 宿舍 两地协作

4.1 场景说明

地点特点解决方式
机房电脑重启还原,不能长期存文件下课前 push 到 Gitee
宿舍个人电脑,长期保存用 pull 同步机房进度
Gitee代码中转站永不丢失,随时同步

4.2 工作流程图

        ┌─────────────┐                      ┌─────────────┐
        │   🏫 机房   │                      │  🏠 宿舍    │
        │             │                      │             │
        │ 下课前必做: │    ┌────────────┐    │ 回宿舍后:   │
        │             │    │  ☁️ Gitee │     │             │
        │ git add .   │───→│  远程仓库  │←────│ git pull    │
        │ git commit  │    │           │     │             │
        │ git push    │←───│ 代码中转站 │────→│ 继续开发     
        │             │    └───────────┘     │ git push    │
        └─────────────┘                      └─────────────┘
             ↑                                   │
             └───────────────────────────────────┘
                  第二天机房 git pull 继续

4.3 完整操作流程示例

首次在机房开始

# 1. 克隆仓库(如果已在 Gitee 创建)
git clone https://gitee.com/xxx/my-project.git
cd my-project

# 2. 写代码...

# 3. 下课前必做:保存并上传
git add .
git commit -m "机房:完成登录页面"
git push

回到宿舍继续

# 1. 进入项目文件夹
cd my-project

# 2. 同步机房最新进度
git pull

# 3. 继续写代码...

# 4. 睡前保存
git add .
git commit -m "宿舍:完成注册功能"
git push

第二天机房继续

cd my-project
git pull                    # 获取宿舍写的代码
# 继续开发...
git add . && git commit -m "机房:xxx" && git push

五、常用命令速查表

基础操作

git init                        # 初始化仓库
git clone <url>                 # 克隆远程仓库
git status                      # 查看状态
git add <file> / git add .      # 添加到暂存区
git commit -m "描述"            # 提交到本地
git commit -am "描述"           # 添加并提交(仅限已跟踪文件)

远程操作

git remote -v                   # 查看远程地址
git remote add origin <url>     # 关联远程仓库
git push                        # 推送到远程
git push -u origin master       # 首次推送并关联
git pull                        # 拉取并合并远程代码

查看与撤销

git log --oneline               # 简洁历史
git log --graph                 # 图形化分支
git restore <file>              # 撤销工作区修改
git restore --staged <file>     # 取消暂存

六、学习资源

资源链接说明
Pro Git(中文)git-scm.com/book/zh/v2官方文档,免费
Learn Git Branchinglearngitbranching.js.org/?locale=zh_…交互式学习
廖雪峰 Git 教程www.liaoxuefeng.com/wiki/896043…国内经典
Gitee 帮助中心gitee.com/help平台相关

七、课堂检查清单

基础掌握

  • Git 安装成功并显示版本
  • 完成 user.name / user.email 配置
  • 能初始化仓库并查看状态
  • 掌握 add → commit 完整流程
  • 能使用 log 查看历史

远程操作

  • 成功注册 Gitee 账号
  • 能创建仓库并设置 .gitignore
  • 能从 Gitee 克隆仓库
  • 能在网页上创建/编辑文件
  • 掌握 push 和 pull 的使用

两地协作

  • 理解机房 push、宿舍 pull 的工作模式
  • 能独立完成:机房 → Gitee → 宿舍 的代码流转
  • 养成「开始 pull,结束 push」的习惯

文件说明

  • 配套图示文件:Git-Workflow.canvas(工作流程图)
  • 配套图示文件:Two-Place-Workflow.canvas(两地协作图)
  • 完整详细版:Git-Teaching-Outline.md

讲义版本:v1.0
更新时间:2026-04-02