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

已于 2024-08-10 23:18:18 修改
阅读量1.3k 收藏 24
点赞数 28
分类专栏： RM视觉导航学习 文章标签： github git vscode
于 2024-08-10 23:17:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hong_J_0826/article/details/141098022
版权

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 "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
Karen_bluu
关注
专栏目录
github-vscode-icons-crx插件
04-01
【github-vscode-icons-crx插件】是一款专为Visual Studio Code（VS Code）设计的扩展程序，它使得用户能够在GitHub的仓库预览中看到与VS Code风格一致的文件和文件夹图标。这款插件旨在提升开发者在浏览GitHub仓库...
VSCode下使用Git并同步到Github
最新发布
weixin_42744495的博客
07-24 1367
描述了本地Git和Github结合起来的操作方法（使用SSH密钥对），并介绍了VSCode的操作方法及相关插件的推荐。
VSCode中使用GitHub
Love_yl的专栏
11-28 1050
1、Git和GitHub简介 Git(读音为/gɪt/)是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。Git是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件。 GitHub是一个面向开源及私有软件项目的托管平台，因为只支持Git作为唯一的版本库格式进行托管，故名GitHub。 1.1 Git和GitHub关系...
VScode连接github
qq_40406045的博客
12-22 1406
VScode连接github
vscode如何连接github/gitee远程仓库详细步骤（ssh+https）最全最详细
Bin_niB的博客
01-29 1万+
本文详细讲解了vscode如何通过https和ssh两种方式连接github远程仓库进行代码管理，每一个步骤都有说明和流程图，包括用户界面推送和命令行推送，最简单最实用的步骤详解
VsCode使用Git上传代码至GitHub上
2301_80864686的博客
11-03 5115
打开项目后，我们看到如下图所示，点击文件夹管理，弹出我们克隆下来的代码，选择README.md文件，可以看到对应的文件内容，对该文件进行一些修改并保存，以便接下来测试是否可以回传到GitHub。（1）进入Git管理界面后，可以看到已经有了一个更改，文件的后面的字母 M 表示文件发生了更改，意味着 modified，点击该文件，如下图所示，可以看出我们对文件的更改是增加了部分内容。（3）按照提示，我们在箭头处填写信息，此处的信息内容为提交的备注，这里可以写修复了什么内容，写完后点击右上角的 √ 提交。
VSCode中使用github
weixin_39450145的博客
11-21 1万+
在vscode中依次打开 终端->新建终端 ，在终端（本质是win -> cmd或者powershell;使用git添加github用户名和邮箱，该用户名和邮箱是注册GitHub时使用的用户名和邮箱。结束后，会显示密钥保存的位置，如下图。
GitHub 使用基础[Vscode]
m0_60104429的博客
04-19 3806
github Vscode 使用（适合初学者）
【git】VSCode 上的文件夹如何上传到 github 上？
wzk4869的博客
06-19 4534
【git】VSCode 上的文件夹如何上传到 github 上？
vscode如何链接github
热门推荐
cainiao00078的博客
09-11 1万+
点击Changes里面，vscode中更改了的文件右侧的“+”，将其放入Staged Changes中，然后点击Commit即可上传到github repository中。上面的配置无论是本地主机还是vscode，步骤都是一样的，不过vscode是在终端中输入上面的指令。最后输入要连接的github repository ，当然要提前创建好，输入如下指令。然后就可以在vscode中将代码上传到github的repository中了。输入上面的指令报这个是warning应该是正常的，我也能正常连接。
VSCode 连接远程 GitHub仓库 教程
m0_46335449的博客
03-22 4015
这里写一下VSCode与GitHub之间如何创建连接，方便自己的代码提交。后续的一些项目和代码都应该会放到github当中去。
github-vscode-icons：:package:github的vscode-icons
01-30
Github-vscode-图标 下载： 歌剧 支持的网站： Github（也是Gist）， Gitlab， Pastebin， SourceForge 关于 浏览器扩展，可在Github（包括Gist），Gitlab和Bitbucket存储库中显示 。 它还在用户的Pastebin列表和...
GitHub的-vscode，图标「github-vscode-icons」-crx插件
03-09
此扩展显示了在Github存储库中的VS代码图标。 在github repo中显示vscode-icons 支持语言:English (United States)
github-vscode-theme-dark-classic:VS Code的GitHub Dark（经典）主题
05-26
GitHub（黑暗经典）VS Code主题 :warning: 注意：此主题未积极维护。 在调整深色以匹配github.com之前，它是的旧版本。安装您可以下载 ，然后按照“ 指南进行。 之后，它应该可以作为GitHub Dark Classic 。覆盖此...
github-vscode-theme:GitHub的VS Code主题
03-20
GitHub VS Code主题 安装 前往 点击“安装”按钮 覆盖此主题 为了快速测试某些内容，您还可以在个人配置文件中覆盖此（或任何其他）主题。请按照文档中的指南进行操作。 贡献 克隆并在VS Code中打开此 运行npm ...
vscode配合github使用
m0_46268055的博客
07-09 1652
需要先执行命令把用户名和邮箱写入git config user.name 你的github用户名 git config user.email 邮箱地址
vscode 连接 GitHub
weixin_45871977的博客
06-13 2457
vscode 连接github
（新手友好）在VScode使用git提交本地代码至github仓库，很方便！
weixin_45914748的博客
06-19 921
代码从仓库克隆到本地之后，你能在VScode上，看到你对代码的所有修改。点击左侧的源代码管理图标（通常是一个分支的图标）或使用快捷键Ctrl+Shift+G（Windows/Linux）或Cmd+Shift+G（Mac），在“Changes”部分，你可以看到所有未提交的更改，如下图。
Github在vscode中使用
06-06
可以通过以下步骤在 VSCode 中使用 Github： 1. 安装 VSCode 的 Git 插件。在 VSCode 中按下 Ctrl+Shift+X 打开插件面板，搜索 Git 并安装。 2. 打开 Github 网站，创建一个新仓库或者选择一个已有的仓库。 3. 在 VSCode 中打开要关联 Github 的项目文件夹。 4. 打开 VSCode 的终端，使用以下命令初始化 Git 仓库： ```bash git init ``` 5. 关联 Github 仓库。在终端中使用以下命令，将本地仓库与 Github 仓库关联： ```bash git remote add origin git@github.com:username/repository.git ``` 其中，`username` 是 Github 用户名，`repository` 是仓库名称。 6. 将本地代码推送到 Github 仓库。在终端中使用以下命令： ```bash git add . git commit -m "initial commit" git push -u origin master ``` 其中，`initial commit` 是提交的注释信息。 7. 在 VSCode 中可以使用 Git 插件进行代码提交、推送、拉取等操作，也可以在终端中使用 Git 命令进行操作。 以上就是在 VSCode 中使用 Github 的基本步骤。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值