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

news2025/2/25 22:51:17

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

update: 2024/8/10 _Karen bluu

文章目录

  • Github-VScode联合使用保姆及教程
    • 1.Git 和 Github分别是什么
    • 2.安装
      • 2.1 git安装
      • 2.2 vscode安装
    • 3. 使用Github
      • 3.1 拉取项目
        • 3.1.1 拉取方法
        • 3.1.2 注意事项
      • 3.2 寻找合适的项目
      • 3.3 创建自己的github仓库
        • 3.3.1 从工作区到本地仓库
        • 3.3.2 分支
        • 3.3.3 上传到github仓库

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 "you@example.com"
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

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2040969.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

【Python学习-UI界面】PyQt5 小部件12-QStackedWidget 多页显示

【Python学习-UI界面】PyQt5 小部件12-QStackedWidget 多页显示

功能和 QTabWidget 类似&#xff0c;它也有助于高效利用窗口的客户区域。 QStackedWidget 提供了一个窗口堆栈&#xff0c;每次只能查看一个窗口。它是建立在 QStackedLayout 之上的一个有用的布局。 样式如下: 右键可以变型为QTabWidget
阅读更多...
养生生活视频素材去哪里找？养生系列视频素材网站分享

养生生活视频素材去哪里找？养生系列视频素材网站分享

如何寻找高质量的养生视频素材。无论您是刚入行的新手&#xff0c;还是拥有众多粉丝的资深创作者&#xff0c;优质的养生视频素材都是吸引观众的关键。接下来&#xff0c;我将介绍一些顶级平台&#xff0c;帮助您轻松获取各类养生视频素材。 蛙学网 首先推荐的平台是蛙学网。这…
阅读更多...
redisssion分布式锁

redisssion分布式锁

分布式锁的问题 基于setnx的分布式锁实现起来并不复杂&#xff0c;不过却存在一些问题。 锁误删问题 第一个问题就是锁误删问题&#xff0c;目前释放锁的操作是基于DEL&#xff0c;但是在极端情况下会出现问题。 例如&#xff0c;有线程1获取锁成功&#xff0c;并且执行完任…
阅读更多...
Vue2 和 Vue3中EventBus使用差异

Vue2 和 Vue3中EventBus使用差异

目录 前言一、EventBus 和 mitt 的对比二、Vue 2 中的 EventBus 使用实例2.1 创建 EventBus2.2 在组件中使用 EventBus2.2.1 组件 A - 发送事件2.2.2 组件 B - 监听事件 2.3 注意事项 三、Vue 3 中的 mitt 使用实例3.1 安装 mitt3.2 创建 mitt 实例3.3 在组件中使用 mitt3.3.1 …
阅读更多...
【笔记】MSPM0G3507开发环境搭建——MSPM0G3507与RT_Thread（一）

【笔记】MSPM0G3507开发环境搭建——MSPM0G3507与RT_Thread（一）

环境搭建大体过程就不再赘述了&#xff0c;本文记录一下我刚开始搭建环境时踩过的坑以及一些不太懂的地方。后边会出MSPM0G3507RT-Thread 3.1.5相关的教程&#xff0c;感兴趣记得点点关注。 本篇使用立创地猛星MSPM0G3507开发板 参考文章&#xff1a; 【学习笔记一】搭建MSPM…
阅读更多...
几种Word Embedding技术详解

几种Word Embedding技术详解

NLP 中的词嵌入是一个重要术语&#xff0c;用于以实值向量的形式表示用于文本分析的单词。这是 NLP 的一项进步&#xff0c;提高了计算机更好地理解基于文本的内容的能力。它被认为是深度学习在解决具有挑战性的自然语言处理问题方面最重要的突破之一。 在这种方法中&#xff…
阅读更多...
视觉SLAM中的数学基础：李群与李代数

视觉SLAM中的数学基础：李群与李代数

在视觉SLAM&#xff08;Simultaneous Localization and Mapping&#xff09;中&#xff0c;理解和应用李群&#xff08;Lie Group&#xff09;与李代数&#xff08;Lie Algebra&#xff09;是非常关键的。李群与李代数为描述和处理空间中的连续变换&#xff08;如旋转和平移&am…
阅读更多...
【OCR 学习笔记】二值化——局部阈值方法

【OCR 学习笔记】二值化——局部阈值方法

二值化——局部阈值方法 自适应阈值算法Niblack算法Sauvola算法 自适应阈值算法 自适应阈值算法1用到了积分图&#xff08;Integral Image&#xff09;的概念。积分图中任意一点 ( x , y ) (x,y) (x,y)的值是从图左上角到该点形成的矩形区域内所有值的和。即&#xff1a; I (…
阅读更多...
逻辑回归之鸢尾花数据集多分类任务

逻辑回归之鸢尾花数据集多分类任务

目录 1.导入数据 2.定义多分类模型 3.准备测试数据 4.绘制决策边界 对于多分类任务&#xff0c;其实就是多个二分类任务。 先分黑色(标签为1)和其他(标签为0)&#xff0c;在这个基础上再去分红色和绿色&#xff0c;此时就将红色标签设置为1&#xff0c;其他设置为0&#x…
阅读更多...
关于 Lora中 Chirp Spread Spectrum(CSS)调制解调、发射接收以及同步估计的分析

关于 Lora中 Chirp Spread Spectrum(CSS)调制解调、发射接收以及同步估计的分析

本文结合相关论文对CSS信号的数学形式、调制解调、发射接收以及同步估计做了全面分析&#xff0c;希望有助于更好地理解lora信号 long-range (LoRa) modulation, also known as chirp spread spectrum (CSS) modulation, in LoRaWAN to ensure robust transmission over long d…
阅读更多...
Unity(2022.3.38LTS) - 页面介绍

Unity(2022.3.38LTS) - 页面介绍

目录 A. 创建项目 B.Unity 编辑器页面 C. 自己点点 A. 创建项目 有多个编辑器版本的选择编辑器. 3D和2D的区别就是初始化的包不同,这些包打开项目之后都可以在自行下载,随意切换, B.Unity 编辑器页面 Unity 编辑器页面是一个高度集成且功能丰富的开发环境&#xff0c;为游…
阅读更多...
ISE14.7后仿真、烧录教程

ISE14.7后仿真、烧录教程

ISE14.7后仿真、烧录教程 ISE14.7后仿真、烧录教程 系统版本&#xff1a;win10&#xff0c;EDA工具版本&#xff1a;ISE14.7&#xff0c;modelsim SE 10.4&#xff0c;本文主要包含两部分内容&#xff0c;首先是基于ISE的后仿真&#xff0c;基于ISE和modelsim的联合后仿真&am…
阅读更多...
C++简单界面设计

C++简单界面设计

#include "mywidget.h"MyWidget::MyWidget(QWidget *parent): QWidget(parent) {---------------------窗口设置----------------------this->setWindowTitle("南城贤子摄影工作室");//设置窗口标题this->setWindowIcon(QIcon("d:\\Pictures\\C…
阅读更多...
上海悠远为您解析芯片管理系统的核心功能

上海悠远为您解析芯片管理系统的核心功能

在当今科技日新月异的时代&#xff0c;芯片作为信息技术的基石&#xff0c;其管理效率与安全性直接关系到整个系统的稳定运行与数据安全。因此&#xff0c;一个高效、智能的芯片管理系统成为了不可或缺的技术支撑。该系统通过集成多项核心技术&#xff0c;实现了对芯片从生产到…
阅读更多...
统信UOSV20 安装redis

统信UOSV20 安装redis

在线安装 在统信软件&#xff08;UOS&#xff09;上使用yum安装Redis&#xff0c;可以按照以下步骤进行&#xff1a; 打开终端。首先添加Redis的官方仓库&#xff0c;可以使用以下命令&#xff1a; sudo yum install epel-release安装Redis&#xff1a; sudo yum install r…
阅读更多...
简单的spring boot tomcat版本升级

简单的spring boot tomcat版本升级

简单的spring boot tomcat版本升级 1. 需求 我们使用的springboot版本为2.3.8.RELEASE&#xff0c;对应的tomcat版本为9.0.41&#xff0c;公司tomcat对应版本发现攻击者可发送不完整的POST请求触发错误响应&#xff0c;从而可能导致获取其他用户先前请求的数据&#xff0c;造…
阅读更多...
c# 直接使用c++ 类库文件

c# 直接使用c++ 类库文件

&#x1f3c6;本文收录于《CSDN问答解惑-专业版》专栏&#xff0c;主要记录项目实战过程中的Bug之前因后果及提供真实有效的解决方案&#xff0c;希望能够助你一臂之力&#xff0c;帮你早日登顶实现财富自由&#x1f680;&#xff1b;同时&#xff0c;欢迎大家关注&&收…
阅读更多...
基于JSP的足球赛会管理系统

基于JSP的足球赛会管理系统

你好呀&#xff0c;我是计算机学姐码农小野&#xff01;如果有相关需求&#xff0c;可以私信联系我。 开发语言&#xff1a;Java 数据库&#xff1a;MySQL 技术&#xff1a;JSPJavaBeansServlet 工具&#xff1a;Eclipse、Navicat、Maven 系统展示 首页 管理员功能模块 用…
阅读更多...
Linux：动态库和静态库

Linux：动态库和静态库

静态库与动态库 A&#xff1a;静态库&#xff08;.a&#xff09;&#xff1a;程序在编译链接的时候把库的代码链接到可执行文件中。程序运行的时候将不再需要静态库。 B&#xff1a;动态库&#xff08;.so&#xff09;&#xff1a;程序在运行的时候才去链接动态库的代码&#…
阅读更多...
Ubuntu24.04设置国内镜像软件源

Ubuntu24.04设置国内镜像软件源

参考文章&#xff1a; Ubuntu24.04更换源地址&#xff08;新版源更换方式&#xff09; - 陌路寒暄 一、禁用原来的软件源 Ubuntu24.04 的源地址配置文件发生改变&#xff0c;不再使用以前的 sources.list 文件&#xff0c;升级 24.04 之后&#xff0c;该文件内容变成了一行注…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023