建立项目仓库【安装git工具+构建连接Github仓库+管理仓库基本操作】(超详细图文教学)

阅读: 评论:0

建立项目仓库【安装git工具+构建连接Github仓库+管理仓库基本操作】(超详细图文教学)

建立项目仓库【安装git工具+构建连接Github仓库+管理仓库基本操作】(超详细图文教学)

建立项目仓库

1. 简介

首先我们先说明一下,我们的代码有本地仓库和远程仓库。
本地仓库:本机上某个存放代码的仓库。
远程仓库:码云服务器上的代码仓库。
重要提醒:当我们在本地操作(新增、删除、修改)文件、目录时,并将其提交(commit),就是提交到了本地仓库。注意:所有的改动只是放到了本地仓库,并没有上传到服务器的远程仓库。

现在主要是下面几种主流仓库,大家根据自己情况使用,本文章使用了 Github 作为远程仓库。
Github:/(免费)
码云Gitee:/(免费)
Coding:/(免费)
Gitlab:gitlab(免费30天)

2. 仓库的准备

  1. 创建Github的账号
    这一点大家自行处理,相信都来看这文章的码友都是有一点经验的了。

  2. 创建一个仓库
    第一次创建时,这里是Create的绿色按钮,我这里已经创建过了项目,所以是New。

    然后呢,我们进入到创建仓库页面,在①处输入自己的仓库命名,②处选择是否开放Public(公众)、Private(私有)根据自己情况而定。

    关于③处,实际上我们在创建一个新的vue项目时就已经给我们创建好了.

    我们可以直接点击【Create repository】即可。

  3. 安装git工具
    仓库已经准备好了,我们现在需要连接仓库,我们需要先下载git工具
    下载地址:/

    安装git工具只需要一直next既可,然后完成安装。

    右击空白处,出现如图工具

    点击Git Bash Here,出现便安装成功。

3. 连接仓库

工具和仓库都已经准备好了,我们就可以连接仓库了
我们进入到项目的目录里面
![在这里插入图片描述](.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAa2luZ-aZuuaYjg==,size_20,color_FFFFFF,t_70,g_se,x_16)

右击空白处,点击Git Bash Here

回到我们创建仓库的界面,我们把GitHub给我们的命令依次输入到工具里面,直接粘贴是【按】鼠标滚轮。


我们刷新GitHub的仓库界面,出现你的项目文件便连接成功

4. 对仓库的基本操作

GIT基础命令(粘贴 shift + insert)
拷备项目:git clone <仓库地址>
创建分支:git branch <name>
创建并进入分支:git checkout –b <name>
切换分支:git checkout <name>
查看状态:git status
添加所有文件:git add .
提交:git commit –m ‘这里是当前提交的描述’
拉取:git pull(拉取远程仓库代码至本地开发环境)
推送:git push(推送本地代码至远程仓库 github)
查看分支:git branch --list
查看分支(包含远程分支):git branch –a
合并其他分支到当前分支:git merge --no-ff ‘描述’ <name>

我们这里就描述一些经常使用的操作
1.推送本地代码至远程仓库 github
作为演示,我们将项目的App.vue文件进行修改

在git工具里使用:git status先对项目进行查看哪些文件进行了修改
然后git add .,进行添加文件。
git commit –m ‘这里是当前提交的描述’提交对本次上传文件的描述
git push然后推送本地代码至远程仓库 github

出现:Everything up-to-date,并且在仓库里面查看到,我们便推送成功

2.拉取远程仓库代码至本地开发环境
在团队项目开发中,我们经常要获取别人已经完成了的代码,我们所以要拉取远程仓库代码至本地开发环境
我们要先获取地址

然后在本地目标文件夹里,右击空白处,点击Git Bash Here,输入git clone 复制的地址,你的项目就拉取到本地了,然后打开项目,在VScode通过npm install下载依赖,就完成了

5. 总结

此文章对仓库的操作还是处于很浅显的,在企业开发项目时,仓库的重要性便能很好的体现出来,无论是对团队的管理和开发的效率还是对安全性的保障都显示出它的必要性。

本文发布于:2024-02-01 13:16:34,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170676459636861.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:仓库   操作   图文   工具   项目
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23