我不是CodeR系列-gitee基础入门之vscode篇

参加华为WEB前端全栈成长计划已经第二个阶段了，做为一个网管的我，也有了一些自己的代码，在经历工作和家里电脑代码同步痛苦，同时代码文件被误删除的惨痛事件后，还是下定决心了解一下代码托管平台，目前我知道的也就是两个github和gitee。gitee是国内的速度快，像吾等这种初级小白，就不与大神们肩并肩了，实在是没有必要为虚荣心去追逐github的脚步。国内的平台它不香吗？

以下引用gitee官网：

1、Git 是什么？

Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的分布式版本控制系统。

2、那github和gitee是什么？

是网站，就像百度云盘那种免费空间，让你一定程度上免费使用，在平台上保存你的代码，它们都是基于Git搭建平台的。

3、本文写作的目地是什么？当然是(hun)帮(fen)助自己更好的掌握git的基本使用，解决两个基本的应用场景，暂时不考虑多人开发(夕阳红荣耀战队还缺4人)：

场景1：享受程序猿的”快乐”!!!

稍等我先拉取（git clone）一下项目代码（github半小时后还在....），恩，这Bug改了已提交(git add/git commit)，下班前推送(git push)就OK了。人生苦短，我用gitee！！！

场景2：回到幸福的家中，解决完吃喝拉撤四大乐事，打开电脑准备睡前休闲，突然代码隐发作？感觉要糟练习代码写了一半留办公室啦！！！

第一步 git clone

第二步 codeing......时间像头发丝那样悄悄的流逝

第三步 git add、git commit、git push打完收工

以下将分享过程，除去必要的git环境设置会用到命令，其它全部使用vscode界面完成（赖人之必备神器）

一、安装vscode+git、注册gitee帐号

第1步 安装vscode

https://code.visualstudio.com/ 此处下载，请自行百度安装，抵制Notepad++,从你我做起!!

第2步 安装git

http://git-scm.com/download  gitee官方指南 https://gitee.com/help/articles/4106

第3步 注册gitee帐号

https://gitee.com/signup  请记住你申请的gitee项目主页地址

gitee官方git知识大全 https://gitee.com/help/articles/4104 有兴趣可以深入研究

二、Gitee基础配置（创建仓库、生成公钥、gitee添加公钥、测试验证）

1、创建仓库

2、生成公钥“家里电脑”为例

1）运行Git Bash：

2）生成公钥、获取公钥、在gitee上添加公钥：

1. ssh-keygen -t rsa -C “558xxxxx@qq.com”

2. 输入三个回车

3. cat ~/.ssh/id_rsa.pub

4. 复制公钥字符串

3）在自己的gitee上添加本机电脑生成的公钥(关键步骤，必须完成)

输入gitee帐号密码

4）测试与验证

在Git Bash输入以下指令，请对比输出信息，提示You’ve successfully authenticated即为成功，你当前的电脑已经可以通过公钥访问你的gitee了

ssh -T git@gitee.com

git config --global user.name zhoubo //你的昵称

git config --global user.email 55xxxxxx@qq.com //你的邮箱

友情提示：如果有新的电脑要加入gitee，请重复生成公钥和gitee添加公钥这个步骤。

三、vscode操作部份

能完成到这一部份，恭喜你，你离成功不远了，本部分将演示如何通过vscode完成仓库(项目)拉取、提交、推送。当然这只是最基础入门的，未来可能会有更多的比如像冲突解决这类高级问题，等我遇到了在写。

1、获取自己创建仓库的HTTPS链接（非常重要）

把复制好的仓库HTTPS链接地址保存好，后面我们要用到

2、如何拉取项目代码（git clone）

1. 在D盘提前建好一个名为gitee的目录，作为我们后期所有项目的根目录。

2. 打开vscode中Git面板操作，选择克隆存储库，输入从gitee中获取的项目地址，回车，选择一个本地仓库存放路径（我这里选择D:\gitee这个我们提前建好的目录）

3. Clone项目完毕后，选择打开

4. 如何管理项目（对新人很重要）

说明一下：新建仓时我们“初始化过”，此时项目录中只要有“README.md”文件就证明已经成功拉取回了项目文件（我这里不是新仓库所以截图上有差异）。

你在这个项目文夹中，可以像操作”我的电脑”那样，新建文件夹或文件，重命名什么的，将一些和项目或练习相关的写在这里。

5. 从gitee上拉取的项目存放路径在哪里

打开本地目录看一下，D:\gitee中javascript这个目录，就是我们刚通过vscode的拉取回来的gitee仓库(项目)

3、如何向我的gitee仓库提交与推送代码

当我们编写或操作项目文件或目录后，本地仓库中的文件与gitee仓库中的文件会出现差异，在我们结束codeing时一定要养成及时提交的好习惯。

坑1：当电脑第一次操作git时，vscode会提示输入密码，一定要正确输入，如果密码输错误了，vscode将一直提示操作失败，并且不再弹出密码输入框，只可通过控制面板-用户帐户-管理您的凭据中找到 git登陆凭证并删除，重新操作vscode时才会再次要求输入密码。

1. vscode的git工具栏会有提示

2. 暂存更改 (git commit)

3. 提交 (git add)

提交时记录更新说明也是好习惯

4. 推送 (git push)

5. 关于同步

“同步”是先执行推送在拉取，所以暂存更新和提交操作要先完成

4、vscode关闭后如何快速回到gitee项目中

直接使用vscode选择打开文件夹，在D:\gitee中选择我们需要进入的项目文件夹，打开项目后，建议使用vscode的git工具栏中“同步”功能同步一下项目文件

坑2：不要去修改项目目录中为.git文件夹中的任何文件，如果改坏了git就用不了啦 。恢复的方法只有一个把本地的项目目录全部删除，重新按以上方法从gitee仓库中拉取一次就可以了。

献给所有基础前端小伙伴和半路出家的网管们！

zhoubo

 2020.7.26 at home