首页 > 其他分享 >Github-vscode联合使用保姆及教程

Github-vscode联合使用保姆及教程

时间:2024-08-10 23:25:53浏览次数:20  
标签:教程 git vscode github 仓库 点击 Github https com

Github-VScode联合使用保姆及教程


update: 2024/8/10 _Karen bluu

文章目录

1.Git 和 Github分别是什么

Git 是一个运行在你电脑上的版本控制软件,而Github是基于Git这个版本控制软件打造的网站。
Git的三个概念:提交 commit、仓库repository、分支 branch

2.安装

2.1 git安装

  • git

  • https://gitforwindows.org

    点击Download
    请添加图片描述

直接双击安装包,出现界面后点Next
改到你想要的位置(最好别C盘),Next
在这里插入图片描述

默认即可,;on the desk桌面快捷方式/windows explorer integration资源管理器集成可以勾上,Next
在这里插入图片描述
Next

在这里插入图片描述

默认vim,建议改成VS code,如下图,然后点击Next
在这里插入图片描述

后面全部默认,有一些新出现的功能可以不用管

最后一个界面点击,Install,下载完成如下
在这里插入图片描述

安装好了可以找到
在这里插入图片描述

2.2 vscode安装

https://code.visualstudio.com/

3. 使用Github

来github,我们要尊重别人的知识

3.1 拉取项目

3.1.1 拉取方法

首先找到一个github开源的链接,以下以mick-robot举例,这是一个开源的自主导航小车项目,当前地址的代码为麦克纳姆轮和四轮差速ROS底盘的ROS导航节点包RuPingCen/mick_robot: 基于激光传感器实现了简易的自主导航demo-开源自主导航小车项目(mick) (github.com)

打开页面,点击code,出现如下
在这里插入图片描述

  • 直接Download ZIP,得到的是文件夹而不是仓库,唤醒git bash窗口输入

    git init     //可以得到git 仓库,有仓库你才和git有关系,方便加入团队写代码
    
  • 也可以通过github远程托管仓库地址,首先复制这个地址https://github.com/RuPingCen/mick_robot.git

    打开你准备好的文件夹,右键点击 git bash here

在唤醒的git bash窗口,输入

git clone <git 仓库地址>

在这里插入图片描述
git clone成功如下

在这里插入图片描述
在这里插入图片描述

3.1.2 注意事项
  • 可以收藏该库,点击右上方Star,之后点击自己头像,选择your star就能顺利找到了

  • 还有一个README.md区域,作者往往会把项目整体介绍或者使用方法放这,必看

    和本教程一样都是markdown文档,大家也可以学习
    在这里插入图片描述

  • LICENCE:想直接拉取仓库要注意,知识产权也是很重要的

  • commit :可以观看整个项目的成长历史(多次提交过程),点击下图55 Commits处(代表55次提交)

在这里插入图片描述

然后能看到项目的update过程,也是我们学习项目构建的好方法

在这里插入图片描述

  • branch,点击master可以观看分支(现在很多改成了main)

  • Issues,作为开源项目总是有人会提出疑问或改进意见,点击上方Issues就相当于进入项目论坛(注意礼貌

    • open:未解决
    • closed:已解决
      在这里插入图片描述

3.2 寻找合适的项目

你熟悉的社区就是最适合的寻找地方了

以下是常见的、我比较推荐的几个地方

https://github.com/trending/ GitHub Trending,筛选条件自选,star数较多的
https://github.com/521xueweihan/HelloGitHub 汉语内比较有名的媒体推荐,对我们倒没那么有用

https://github.com/ruanyf/weekly ruanyf老师写的科技爱好者周刊,介绍工具

https://www.zhihu.com/column/mm-fe 前端,我这篇文档参考作者的前端快报

  • 查找技巧,常用前缀后缀

    • 找百科大全 awesome xxx,基本上最好的官方的有效的选第一个就可以了

    • 找例子 xxx sample

    • 找空项目架子 xxx starter/xxx boilerplate

    • 找教程 xxx tutorial

3.3 创建自己的github仓库

实践中产生的工具实践中学习即可
在这里插入图片描述

3.3.1 从工作区到本地仓库

将有.git 的仓库用VScode打开后,点击查看终端
在这里插入图片描述

出现的窗口右上方既可以找到Git Bash(集成到VS code),之后在这进行管理就行了
在这里插入图片描述

打开代码点击下面这个也可以初始化仓库(如果你的整个仓库完整,直接提交到Github也可,提前关联两个仓库)

在这里插入图片描述

进入源代码管理,更改区如下,后面有U代表是你之前仓库没有的东西
在这里插入图片描述

首先把代码加入暂停区,在终端输入

git add -A      //-A,工作区即当前全部代码,提交到暂停区
git checkout <文件名>     //后悔改代码也没提交,可以撤回更改的文件,不再出现在更改区

或者点加号

这时,你的更改区已经空了,然后提交到本地仓库,在终端输入

git config --global user.email "[email protected]"
git config --global user.name "Your Name"
git commit -m "first commit"
git reset HEAD^1   //把上一次提交给撤回

或者在源代码管理下方框输入first commit, Ctrl+回车即可

在这里插入图片描述
查看commit历史

git log --star

在这里插入图片描述

在VS code中安装扩展 :GitLens(可以将git图形化) / Git History(查看历史)

在这里插入图片描述

安装扩展后,你在左下角的commit也可以直接查看历史

在这里插入图片描述

并且左下角的FILE HISTORY会有效记录你的更改痕迹

3.3.2 分支

让协作成为可能的工具,一般默认主分支是完成态

git checkout -b<branchname>       //以当前分支为基础新建分支
git branch            //列举所有的分支     
git checkout<branchname>         // 单纯地切换到某个分支
git branch -D<branchname>        //删掉特定的分支
git merge <branchname>          //合并分支,合并是种艺术,有冲突请仔细看
//代码中会高亮标出冲突,Accept current/incoming/both change,需要人为处理
git merge --abort               //放弃合并分支,放弃也是一种勇气

在这里插入图片描述

3.3.3 上传到github仓库

github有你想要上传的目标仓库

在你已经上传到本地仓库的代码界面,终端输入如下(或者手动远程添加仓库,但是偶尔会ref文件两端对不上)

git remote add origin https://github.com/...........
git branch -M main    //master都得改成main
git push -u origin main      //验证信息
git push          //之后在本地修改,在vscode终端输出
git pull          //之后在远程修改,在vscode终端输出,两端同时更新先pull再push

标签:教程,git,vscode,github,仓库,点击,Github,https,com
From: https://blog.csdn.net/Hong_J_0826/article/details/141098022

相关文章

  • GitHub每日最火火火项目(8.9)
    项目名称:bghira/SimpleTuner项目介绍:SimpleTuner是一个通用的微调工具包,主要面向StableDiffusion2.1、StableDiffusion3、DeepFloyd和SDXL等模型。它旨在为这些模型提供一种便捷的微调方式,以适应不同的应用场景和需求。通过SimpleTuner,用户可以调整模型的参数,提高模......
  • WPS2019视频教程:表格制作excel教程、Word文字排版处理、PPT制作
    WPS2019视频教程《表格制作excel教程、Word文字排版处理、PPT制作动画设置》视频教学课程内容目录:下载地址:https://pan.quark.cn/s/d44896d73234WPS表格制作excel教程视频表格制作图表数据透视表公式与函数(P1.1-1:表格界面介绍).flv表格制作图表数据透视表公式与函......
  • 微信小程序实战教程-3:京西购物商城实战之Home页实现
    文章目录3、首页3.0创建home分支3.1配置网络请求3.2轮播图区域3.2.1请求轮播图的数据3.2.2渲染轮播图的UI结构3.2.3配置小程序分包3.2.4点击轮播图跳转到商品详情页3.2.5封装uni.$showMsg()方法3.3分类导航区域3.3.1获取分类导航的数据3......
  • R 语言学习教程,从入门到精通,R 基础运算(5)
    1、R基础运算本章介绍R语言的简单运算。1.1、赋值一般语言的赋值是=号,但是R语言是数学语言,所以赋值符号与我们数学书上的伪代码很相似,是一个左箭头<-:a<-123b<-456print(a+b)以上代码执行结果:[1]579这个赋值符号是R语言的一个形式上的优点和操......
  • 【前端】Typescript使用教程
    目录一、概述二、 TypeScript开发环境2.1安装和设置2.2编译和运行2.3工具和编辑器支持三、 TypeScript基本语法3.1基本类型3.2接口3.3类3.4函数3.5泛型3.6模块3.7高级类型四、TypeScript示例4.1枚举(Enumerations) 4.2类型别名(TypeAliases)4.3......
  • 手把手教你运行Java开源框架若依RuoYi(视频教程)
    很多小伙伴在学习若依框架的时候,可能会遇到项目启动失败等各种问题。于是,我抽空制作了若依各个版本的项目启动教程,希望对初学者有一定帮助!在启动若依框架的时候,需要配置好基础开发环境。JDK版本使用1.8.xMySQL版本使用5.7.xNode版本使用14.xNacos版本使用2.0.xReids......
  • C--密码学高级教程-全-
    C#密码学高级教程(全)原文:ProCryptographyandCryptanalysis协议:CCBY-NC-SA4.0一、密码学基础介绍密码学的历史很长,也很有趣。完整的密码学非技术参考,推荐破译者[1]。这本书介绍了从大约4000年前埃及人首次使用密码学到近代历史,当时密码学在两次世界大战的结局中......
  • Python中yaml模块的使用教程
    一、yaml文件介绍yaml是一个专门用来写配置文件的语言。1.yaml文件规则区分大小写;使用缩进表示层级关系;使用空格键缩进,而非Tab键缩进缩进的空格数目不固定,只需要相同层级的元素左侧对齐;文件中的字符串不需要使用引号标注,但若字符串包含有特殊字符则需用引号标注;注释标识......
  • 【Garry‘s Mod】盖瑞模组服务器开服多人联机教程
    1、购买后登录服务器(百度莱卡云)购买服务器后,如下图......
  • Opera 酒店前台管理系统 培训视频教程课程 下载 PMS S&C 教程包含前台客房 销售 预定
    教程包含如下内容:下载地址(资源制作整理不易,下载使用需付费,且文件较大,不能接受请勿浪费时间下载):链接:https://pan.baidu.com/s/1lF-FmXjf4hiw4t7ZmeIHRg?pwd=g5tv提取码:g5tv......