前端基础-git(二)：轻松搞定git创建仓库，操作仓库内容

素颜马尾好姑娘i 2023-07-06 10:26 49阅读 0赞

### 文章目录 ###

*   *   *  git安装
         *   *  1.1 在 Linux 上安装
             *  1.2 在Mac上安装
             *  1.3 在 Windows 上安装
         *  git 工作原理
         *  git的全局配置
         *  创建仓库完成版本库控制
         *   *  1.1 创建本地git仓库
             *  1.2 在本地编写完成代码后（在工作区），把一些文件提交到暂存区，
             *  1.3 把暂存区提交到历史区
         *  总结

> Git是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。 \[1\] Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。作为一个前端工程师，我们首先需要掌握就是懂得如何用git管理我们的代码。

### git安装 ###

#### 1.1 在 Linux 上安装 ####

如果要在 Linux 上安装预编译好的 Git 二进制安装包，可以直接用系统提供的包管理工具。在 Fedora 上用 yum 安装：

$ yum install git-core

在 Ubuntu 这类 Debian 体系的系统上，可以用 apt-get 安装:

$ apt-get install git

如果想要了解更多安装内容，请查看网址： [http://git-scm.com/download/linux][http_git-scm.com_download_linux]。

#### 1.2 在Mac上安装 ####

在 Mac 上安装 Git 有多种方式。 最简单的方法是直接从Appstore安装 Xcode，Xcode集成了git,不过默认的没有安装，需要运行Xcode，选择菜单“Xcode”->“Preference”,在弹出窗口中找到“Downloads”选择 “Command Line Tools”，点“Install”。Mavericks （10.9） 或更高版本的系统中，在 Terminal 里尝试首次运行 git 命令即可。 如果没有安装过命令行开发者工具，将会提示你安装。

#### 1.3 在 Windows 上安装 ####

在 Windows 上安装 Git 同样轻松，有个叫做 msysGit 的项目提供了安装包，可以到 GitHub 的页面上下载 exe 安装文件并运行：http://msysgit.github.com/  
安装完之后就可以使用命令行的 git 工具（已经自带了 ssh 客户端）了，另外还有一个图形界面的 Git 项目管理工具。

最后我们也可以去git官网下载各种系统各种版本的git来安装[：https://git-scm.com][https_git-scm.com]

### git 工作原理 ###

*  工作区：我们能看到的，并且用来写代码的区域
 *  暂存区：临时存储用的
 *  历史区：生成历史版本  
    三者之间的关系可以用下图来说明：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbGFueW91bWVuZzM_size_16_color_FFFFFF_t_70]  
    **注意： 从工作区提交暂存区，从暂存区提交到历史区：是把内容复制一份传过去，本区域中依然存在这些信息（只有这样才能对比出哪些文件在某区）**

### git的全局配置 ###

第一次安装完成git后，我们在全局环境下配置基本信息：

git config -l  //查看配置信息
    git config --global -l //查看全局配置信息
    
    //若没有配置信息，需要配置
    git config --global user.name 'xxx'
    git config --global user.email 'xxx@xx.xxx'
    
    //清屏
    clear

### 创建仓库完成版本库控制 ###

#### 1.1 创建本地git仓库 ####

初始化 git init

git init
    // 会生成一个隐藏文件夹‘.git’（这个文件夹不能删除，因为暂存区和历史区还有一些其他的信息都在这里，删除了就不是一个完整的git仓库了）

![在这里插入图片描述][2020021722313872.png]

> Initialized empty Git repository in /Users/qiuqiu/Documents/node/git/.git/  
> 如果找不到文件，说明初始化的文件被隐藏，如何让文件显示呢？

![在这里插入图片描述][20200217223204726.png]

defaults write com.apple.finder AppleShowAllFiles -boolean true（回车键）
    killall Finder（回车键）

这样隐藏的.git文件就显示了

如果想在隐藏，则

```javascript
    defaults write com.apple.finder AppleShowAllFiles -boolean false（回车键）
    killall Finder（回车键）

#### 1.2 在本地编写完成代码后（在工作区），把一些文件提交到暂存区， ####

git add file
    git add .  //把当前仓库中所有最新修改的文件都提交到暂存区
     git add -A
     git status //查看当前文件的状态（红色代表在工作区，绿色代表在暂存区，看不见东西证明所有修改的信息都已提交到历史区）

操作如下图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbGFueW91bWVuZzM_size_16_color_FFFFFF_t_70 1]

#### 1.3 把暂存区提交到历史区 ####

git commit -m'描述信息：本次提交内容的一个说明'
    
    //然后查看历史记录
    git log
    git reflog //包含回滚的信息

操作如下图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbGFueW91bWVuZzM_size_16_color_FFFFFF_t_70 2]

### 总结 ###

今天主要分享了git原理，创建仓库，提交代码等等，  
上面的内容通过视频学习总结资料，仅代表个人观点。

[http_git-scm.com_download_linux]: http://git-scm.com/download/linux%E3%80%82
[https_git-scm.com]: https://git-scm.com
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbGFueW91bWVuZzM_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200221234154404.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbGFueW91bWVuZzM=,size_16,color_FFFFFF,t_70
[2020021722313872.png]: https://img-blog.csdnimg.cn/2020021722313872.png
[20200217223204726.png]: https://img-blog.csdnimg.cn/20200217223204726.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbGFueW91bWVuZzM_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200222091035238.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbGFueW91bWVuZzM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbGFueW91bWVuZzM_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200222092957250.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbGFueW91bWVuZzM=,size_16,color_FFFFFF,t_70