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

网友投稿 863 2022-05-29

参加华为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时一定要养成及时提交的好习惯。

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

坑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

git Xcode

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:【HTML + CSS】模仿腾讯云页面——细节优化
下一篇:我和Linux
相关文章