百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

【教程】Gitee(git)保姆级图文使用教程

wxin55 2024-11-19 12:41 7 浏览 0 评论

我们在日常的工作过程中经常会遇到,家里和公司资料文件同步的问题,以及项目开发过程中的协作问题。Git就完美的解决了这些问题,但是由于 Git国外服务器的原因平时网络太慢了,不过还好有国内的托管平台Gitee(码云)可以供我们使用及学习。废话不多说,我们开始进入教程的正题。

准备:

1、注册gitee账号

1)搜索码云,或者直接输入官网进入注册。(注册时最好用邮箱注册,不是邮箱注册的要在设置里添加自己的邮箱)

2、安装Git,可以直接进入官网下载https://git-scm.com/,如果感觉下载的太慢可以进入下图所示网址搜索下载。下载好之后直接安装就行。

创建版本库

版本库作用:存放你的项目,项目的删除更改,版本库都能够监控。

  1. 找到一个磁盘目录,并创建一个文件夹(不要包含中文路径)
  2. 右键选择Git Bash Here(打开Git终端)

3、打开之后输入初始化命令git init (此命令可以对文件夹进行版本库的初始化)

4、这个时候文件夹里会多出一个.git文件,这个不要删除他的作用是用来记录项目改动的。(如果没有点击查看勾选上隐藏项目就可以看到了)

5、接下来需要我们做个基础配置,这个配置的目的是告诉Git你是谁,需要使用两条命令。第一条:git config --global user.name “你的名字或昵称” 第二条:git config --global user.email “你的邮箱”。

6、Git的使用可以分为两种,第一种是本地文件的版本管理,第二种是连接远程版本库,比如我们在GItee上创建的版本库(可以实现不同电脑直接的项目文件管理,以及不同人直接的协作)邮箱。

本地git版本库使用

  1. 首先我们先实现本地的版本管理,为了验证我们的版本库保存问题,先建一个测试文件(我命名的叫test.txt)

2、创建好之后打开Git Bash Here输入git add test.txt并回车(test.txt是你需要管理的文件)。

3、这里已经添加了文件,但是还没有提交,需要使用git commit -m “注释说明”命令进行提交,需要注意-m后面跟的是说明,就是你用来备注你上传的版本信息,便于你自己查看使用。

4、1 file changed表示1个文件,0 insertions 和0deletions表示0增加0删除。

5、我们对test.txt的文件内容进行修改然后再提交测试下。


6、可以看到上面的步骤中提示信息,1 file changed(一个文件),2 insertions(+)(两行增加,因为我们在文件中增加了两行内容)。

7、这个时候我们基本的版本存储就会使用了,那么我们再验证几个常用的指令,第一个:git status(查询当前的项目状态)。

8、这里可以看到提示还有个.docx的文件没有添加,因为我的文件夹中有个word文档。这里正好我们使用另外一个命令git add .(全部添加命令),添加它。

9、可以看到提示信息 2 files changed 表示两个文件。

10、现在再使用git status命令,可以看到提示没有需要添加的了。

11、这里我们再使用 git log ,查看具体文件提交的版本信息。可以看到我一共提交了4个版本,都是我进行了文档的修改工作(文档里提交了前三个,我自己又提交了一次耍耍哈哈哈)。Commit是hash值,这里的hash叫做指纹,基本上不会重复。Author表示提交的人信息Date表示修改的时间.

12、查看了版本信息,我们想回到已经的版本,需要使用git reser --hard id 命令(这里的id包含在每个版本的hash里)。执行完,查看本地文件可以看到已经回退了。

13、到这里本地的版本管理就结束了,后面我们进行远程的管理,这里我们使用了前面注册的gitee。下图为上文使用的git命令整理。

命令

功能

git init

初始化目录为项目库

git config --global user.name “你的名字或昵称”

基本配置时用到

git config --global user.email “你的邮箱”

基本配置时用到

git add(rm) 文件名

add添加文件到暂存区rm为删除

git commit -m “信息”

提交暂存区文件

git log

查看信息

git add .

添加项目中全部文件到暂存区

git reset --hard id

版本回退

git diff

查看比对文件

gitee远程库的使用

1、下面我们开始,远程库的连接使用,使用ssh--keygen -t rsa -C “你的邮箱地址”,生成密钥(用于连接gitee使用,让你的gitee账户认识你),输入玩指令之后一路回车就可以了,中间的是密码什么的咱们也不需要。

2、这时候已经生成了两个密钥文件,存在了下图我框选的位置。

3、这个时候我们需要在gitee上创建个库,这个库就是我们需要远程访问存储文件的地方。

4、创建好之后就可以找到我们的仓库然后将之前生成的公钥添加了。

5、这里我们的公钥就添加完成了,接下来复制上远程库的ssh。

6、下面我们接着进行本地与远程库关联。打开Git Bash Here(注意在自己的项目文件夹里右键打开),使用 git remote add origin git@gitee.com:yu.git 这里的origin是github的默认名字,我们可以自己定义个名字使用,名字后面跟着的是我们上面复制的SSH

7、可以使用git remote -v 命令验证是否关联成功。(可以看到我们已经关联成功了)。

8、之后我们可以使用git push -u origin master (origin为自己前面设置的名字),提交本地内容到远程库了。

9、如果和我一样提示这样的错误,是因为远程库包含了本地没有的文件,这里两种方法第一种:使用git push -f origin master 这里就强行本地覆盖远程了,远程里多的东西也就被删除了。第二种:这种比较安全,使用git pull --rebase origin master,这个命令是将远程库的文件拉取到本地合并,这也是我们平时需要保存远程库到本地的方法,我们使用一下。

10、再次使用git push -u origin master之后可以看到远程库里有我们的文件了 。

11、、这里我们的文章就到此结束了,主要提交不到远程库时记得使用git add 和git commit -m 本地提交完成后再使用git push -u origin master 。

相关推荐

总结雅虎前端性能优化技巧(16条)

前言在日常开发中,有很多场景需要我们去做好前端优化,为了防止遗忘,加深记忆,今天参阅了一些资料以及自己的一些总结,梳理出来15条优化技巧。1.合并文件css、js合并,减少http请求数,每次http...

前端掉坑血泪史!4 个 React 性能优化绝招让页面秒开

在前端圈子里摸爬滚打这么多年,我发现React开发时踩坑的经历大家都大同小异。页面加载慢、组件频繁重渲染、状态管理混乱……这些痛点,相信不少前端工程师都感同身受。别愁!今天就给大家分享4个超...

Qwik:革新Web开发的新框架

听说关注我的人,都实现了财富自由!你还在等什么?赶紧加入我们,一起走向人生巅峰!Qwik:革新Web开发的新框架Qwik橫空出世:一场颠覆前端格局的革命?是炒作还是未来?前端框架的更新迭代速度,如同...

大模型服务平台百炼使用

提供完整的模型训练、微调、评估等产品工具,预置丰富的应用插件,提供便捷的集成方式,更快更高效地完成大模型应用的构建。一、通过变量的方式使用平台模板一个好的Prompt可以更好的让模型理解我们的需求,产...

Vue应用性能优化实战:8 个提升页面加载速度的关键策略

一、构建优化与代码精简1.1代码分割与异步加载路由级代码分割:使用动态导入语法拆分路由组件组件级懒加载:结合Suspense实现按需加载javascript//vue-router4.x配置...

前端里那些你不知道的事儿之 【window.onload】

作者:京东科技孙凯一、前言相信很多前端开发者在做项目时同时也都做过页面性能优化,这不单是前端的必备职业技能,也是考验一个前端基础是否扎实的考点,而性能指标也通常是每一个开发者的绩效之一。尤其马上接近...

谷歌站长后台的“核心网页指标”不合格先优化哪个最有效?

根据对上千个网站案例的分析,90%的站长在修复时都陷入“盲目优化”误区——要么死磕服务器配置却忽略图片规范,要么过度压缩JS反而引发CLS布局错位。事实上,移动端页面抖动(CLS)才是60%中小网站的...

Vue3 开发效率拉胯?这 10 个技巧让你开发速度翻倍!

写Vue3项目时,是不是经常被数据更新延迟、组件间传值混乱、页面卡顿这些问题搞得焦头烂额?别担心!今天带来10个超实用的Vue3实战技巧,全是从真实项目中总结出来的“血与泪”经验,帮你...

2024年的JavaScript性能优化:仍然重要吗?

#记录我的9月生活#在不断发展的Web开发领域,新的JavaScript框架和库令人眼花缭乱,很容易让人忽视一些基本的东西。但在这股兴奋之中,性能作为一个卓越用户体验的基石,不能被忽略。为什么?因为...

JS 图片简易压缩【实践】

作者:政采云前端团队转发链接:https://juejin.im/post/5ea574cc518825736e57fcca前言说起图片压缩,大家想到的或者平时用到的很多工具都可以实现,例如,客户端类...

Vue3 开发总踩坑?这 10 个技巧让你少走半年弯路!

前端开发的路上,Vue3虽然强大,但坑也不少!性能优化总没效果?复杂组件通信一头雾水?别担心!今天分享10个超实用的Vue3实战技巧,全是一线开发总结的经验,帮你轻松避开开发雷区,效率直接拉...

前端分享-Vue首屏加载优化

首屏加载速度直接影响用户留存率——当加载时间超过3秒,53%的用户会直接离开(网上来的数据)。Vue单页应用尤需重视,因为传统打包方案会将所有资源打包成巨大的vendor.js,导致用户首次访问时像下...

Core Web Vitals 变了,网站性能这件事得重新关注

现在做网站优化,不能只看速度条,不管你是搞外贸独立站,还是给品牌建站,体验页面这件事你迟早得面对。谷歌这两年把网站的“体验感”提得越来越多,尤其是CoreWebVitals(网页核心指标)一出来,...

页面卡顿到崩溃?5 个实战技巧让前端性能飙升 80%!

作为前端工程师,你有没有遇到过这种情况:精心开发的页面,一上线就被用户吐槽卡顿、加载缓慢,甚至频繁崩溃。明明代码逻辑没问题,可性能就是上不去,这到底是哪里出了问题?别着急,今天就来分享5个超级实用...

周末复习前端js基础知识点总结一,记录完之后好复习(大佬勿喷)

一、深浅拷贝知识1、基本数据类型只有赋值没有拷贝2、数组和对象的赋值是浅拷贝3、结构赋值是深拷贝还是浅拷贝?二、实现深拷贝的几种常用方法方法1、通过json方法深拷贝方法2.基本的封装深拷贝的方法采用...

取消回复欢迎 发表评论: