cqh963852andCopilot
80268937ee
- docs/tools 移至 packages/stack-idealjs/tools - 新增 @docusaurus/plugin-content-docs tools 实例与 sidebarsTools.ts - 导航栏"工具使用"指向独立侧边栏 toolsSidebar - 修复 prisma 文档中的旧路径链接 Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
120 lines
2.7 KiB
Plaintext
120 lines
2.7 KiB
Plaintext
---
|
||
sidebar_position: 1
|
||
---
|
||
|
||
import Tabs from "@theme/Tabs";
|
||
import TabItem from "@theme/TabItem";
|
||
|
||
# Git
|
||
|
||
git 是一个代码管理工具，可以追踪代码的提交记录。这是每个软件工程师必备工具，没有之一。
|
||
|
||
## 安装
|
||
|
||
工欲善其事，必先利其器。
|
||
|
||
<Tabs
|
||
defaultValue="win"
|
||
values={[
|
||
{ label: "win", value: "win" },
|
||
{ label: "ubuntu", value: "ubuntu" },
|
||
{ label: "mac", value: "mac" },
|
||
]}
|
||
>
|
||
<TabItem value="win">
|
||
下载地址 https://git-scm.com/
|
||
|
||
</TabItem>
|
||
<TabItem value="ubuntu">
|
||
大部分linux系统都自带git，打开控制台输入 git --version 查看 git 版本
|
||
|
||
</TabItem>
|
||
<TabItem value="mac">
|
||
mac系统自带git，打开控制台输入 git --version 查看 git 版本
|
||
|
||
</TabItem>
|
||
</Tabs>
|
||
|
||
## 使用
|
||
|
||
通常一个项目会对应一个 git 仓库，每次提交代码都会记录到 git 仓库中，这样就可以追踪代码的提交记录。
|
||
|
||
用图形化的工具来看的话，会呈现出如下图
|
||
|
||
|
||
### 克隆
|
||
|
||
克隆可以理解为将代码仓库复制了一份。
|
||
|
||
以此代码仓库为例，实际操作一下
|
||
|
||
```
|
||
git clone https://github.com/idealjs/stack.git
|
||
```
|
||
|
||
后面的地址我们可以在 github 上看到，但是需要选用 https 的地址。
|
||
|
||
因为 ssh 地址需要做一些配置，所以先用 https 的地址克隆。
|
||
|
||
被克隆的仓库，我们通常叫他 **远程仓库**。或者源仓库。
|
||
|
||
|
||
|
||
### 拉取代码
|
||
|
||
刚克隆下的代码可能是最新的，但是过一段时间如果有人推送了新的提交到远程仓库，那么本地仓库如何同步远程仓库呢。
|
||
|
||
输入如下命令
|
||
|
||
```
|
||
git pull
|
||
```
|
||
|
||
### 推送代码
|
||
|
||
修改后的代码，想要共享给其他人，要如何做？
|
||
|
||
在 git 中，可以推送的东西只有修改记录。
|
||
|
||
而修改记录是不会因为文件被更改，就自动生成的，我们需要通过 git 工具把文件修改记录下来。
|
||
|
||
用如下命令把所有的修改都记录下。
|
||
|
||
```
|
||
git add .
|
||
```
|
||
|
||
然后提交到本地仓库
|
||
|
||
```
|
||
git commit -m "test"
|
||
```
|
||
|
||
最后把新的提交记录推送到远程仓库
|
||
|
||
```
|
||
git push
|
||
```
|
||
|
||
## vscode插件：Git Graph
|
||
|
||
命令行适合执行 git 操作，但查看提交历史、分支结构时，图形化工具更直观。
|
||
|
||
推荐在 vscode 中安装 **Git Graph** 插件。
|
||
|
||
### 安装
|
||
|
||
1. 打开vscode，进入扩展面板（快捷键`Ctrl + Shift + X`）
|
||
2. 搜索`Git Graph`
|
||
3. 点击安装
|
||
|
||
### 使用
|
||
|
||
安装后，在资源管理器中右键 git 仓库，选择`Git Graph: View Git Graph`，即可看到图形化的提交历史。
|
||
|
||
主要功能
|
||
|
||
- 查看分支、合并记录的可视化图谱
|
||
- 查看每次提交的变更文件与代码差异
|
||
- 直接在界面上执行 checkout、merge、rebase、创建分支等操作
|