来到博客园学着别人美化了一下自己的博客页面,蛮好看的,然后右上角有一个“Fork me on GitHub”。之前就因为好奇而注册过GitHub,但一直不会使,现在正式开始编程学习了,GitHub就不能再在那儿晾着了,就算是为了博客园上的那个按钮不能点进去是空的,我也得搞点什么在上面。

为了解决如何将VS Code与GitHub结合使用,我搜遍了百度的文章,内容都写得大同小异,又不尽相同。让我这个只对GitHub知道个大概的小白不知所措。在经历了各种尝试和失败(包括将本地的Python文件全部误删……)之后,也算是能够简单的使用他们了,在此记录一下,如果能帮到和我一样被折腾的晕头转向的小白就更好了。

git是一个分散式版本控制软件。

GitHub是通过Git进行版本控制的软件源代码托管服务平台。

上面这段引用自维基百科,这是我们首先要明白的一件事——git和GitHub虽然有关系,但他们不是一回事,在我们使用GitHub之前要先安装git。git就直接官网下载就行,网速虽然不快,但也没有慢的太夸张,下载过程中可以先去注册一个GitHub账号,并且熟悉一下GitHub界面。

下载好之后,除了上面的这个页面如此选择之外,其他的一直next就好了。安装好之后,先不用管他,我们直接打开我们的GitHub

在GitHub中找到新建仓库的地方,这种地方不止一处,我就截个图示意一下吧

点击New,进入一个新建仓库的页面

首先,上面必须要填写仓库的名字,貌似需要英文名,我已经把各种名字命为英文名习惯了,大家最好也习惯一下,毕竟安装各种软件出问题一点也不好玩。然后下面是选填的仓库说明,测试用随便填就行。再往下是选择公开还是私有,这个选择公开,因为私有收费。再下面那个勾选上,打上勾会自己创建一个README.md的文件。都设置好了之后,就Create repository就可以了。

然后我们回到桌面上来,我们在编程存放代码的路径下新建一个文件夹,可以取名Test,然后在此文件夹中右键鼠标,选择 Git Bash Here,然后在弹出的界面中输入:

git config --global user.name "your name"
git config --global user.email "your@email.com"

一次输入一行,引号里面的替换成自己的内容。然后继续输入:

ssh-keygen -t rsa -C "your@email.com"

输入完之后,有需要按键的就按回车,直至结束。

然后会在本地路径中生成一些文件,路径名因人而异,下面是我的路径:

C:\Users\admin\.ssh

在此路径中以记事本的方式打开id_rsa.pub文件,复制全部内容,然后打开网页上的GitHub,进入设置

选择左侧的SSH…在右侧New一个SSH key

Title随便取名字就行,我取的是myssh,key里面则是粘贴上我们之前复制的内容:

然后再回到之前打开的git命令行界面,输入:

ssh -T git@github.com

在加载出的语句后输入yes即可完成配置。


注意:以上内容为首次配置GitHub与VS Code的铺垫,之后再使用新的仓库,存储新的内容,从下面开始

我们回到网页上的GitHub中去,打开我们想要连接的仓库,选择他的ssh(不是https)

然后我们继续在git上输入,git clone是固定的,后面那些是我们刚才复制的内容,这步操作的意思是把你在网页上的GitHub库克隆到本地

git clone git@github.com:TL1537/Test.git

做好这些准备工作之后,我们打开VS Code,在VS Code中能打开至这个文件夹

然后我们可以随便在Test目录下新建一个Hello.py的文件,或者粘贴过来一份文件。

左侧的源代码管理界面就会出现一个提示,,询问我们是否保存更改

我们点击文件上的加号即可保存更改,然后我们将鼠标放在Test上面,选择浮现出的对号

然后在VS Code上面弹出的对话框中输入Test

插一句:上面这个Test是什么呢?输入别的单词可不可以呢?答案是可以的。这里是给你这次提交内容起一个名字,以后如果再次寻找的时候会很方便。

我们再点击Test上面浮现出的…,选择推送到

然后选择origin这个

在下方的git输出中可以看到它运行的相关信息

这样文件就被上传到了我们的GitHub上,我们刷新一下GitHub的网页,就可以看到我们上传的内容了

好了,就先写到这里,再学习到新的东西再更新。

VS Code + GitHub的更多相关文章

  1. Salesforce 版本控制 - VS Code + GitHub + Salesforce

    使用VS Code开发Salesforce有个很好的地方是可以联接GitHub进行代码版本控制,点击查看使用VS Code开发SalesForce 第一步:安装GIthub Desktop Githu ...

  2. 在浏览器上运行 VS Code——GitHub 热点速览 v.21.22

    作者:HelloGitHub-小鱼干 和小程序类似,如果平时开发所用到的软件也能运行在浏览器中,"用完即走"岂不妙哉?code-server 便是一个让人在浏览器运行 VS Cod ...

  3. github代码搜索技巧

    github是一个非常丰富的资源,但是面对这丰富的资源很多人不知到怎么使用,更谈不上怎么贡献给他,我们需要使用github就要学习使用他的方法,学会了使用的方法,接受了他的这种观点我们才会慢慢的给他贡 ...

  4. 经纬度编码方法推荐-plus code简介

    今天罗孚为大家推荐一种经纬度编码的方法--plus code,原名open location code,是Google于2014年发明的,旨在将表示地理位置的经纬度通过算法推导成一个字符串. plus ...

  5. 开源字体不香吗?五款 GitHub 上的爆红字体任君选

    作者:HelloGitHub-ChungZH 在编程时,用一个你喜欢的字体可以大大提高效率,越看越舒服.这篇文章就推荐 5 个在 GitHub 上优秀的字体供大家选择吧! 1. Iosevka 网站: ...

  6. Github App version released icons

    # Github App version released icons http://shields.io/ Build Travis: https://img.shields.io/travis/U ...

  7. 改造 Firefox 浏览器——GitHub 热点速览

    作者:HelloGitHub-小鱼干 上周推荐了一个可以在浏览器上用 VS Code 的项目,这次 Firefox-UI-Fix 带你给 Firefox 来个大变身,在它现有 Proton UI 下进 ...

  8. 陋居寡闻,初探Github CLI For Windows,开启命令行撸铁时代

    简介 gh is GitHub on the command line. It brings pull requests, issues, and other GitHub concepts to t ...

  9. ThinkPHP的URL访问

    url访问 http://www.kancloud.cn/manual/thinkphp5/118012 ThinkPHP5.0在没有启用路由的情况下典型的URL访问规则是: http://serve ...

随机推荐

  1. Linux系统安装Python3环境

    点击上方"开源Linux",选择"设为星标" 回复"学习"获取独家整理的学习资料! 本文基于如下Linux系统版本: 1.默认情况下,Lin ...

  2. 1 Mybatis动态SQL

    Mybatis动态SQL 1. 注解开发 ​ 我们也可以使用注解的形式来进行开发,用注解来替换掉xml. 使用注解来映射简单语句会使代码显得更加简洁,但对于稍微复杂一点的语句,Java 注解不仅力不从 ...

  3. NLP教程(6) - 神经机器翻译、seq2seq与注意力机制

    作者:韩信子@ShowMeAI 教程地址:http://www.showmeai.tech/tutorials/36 本文地址:http://www.showmeai.tech/article-det ...

  4. 详细剖析pyecharts大屏的Page函数配置文件:chart_config.json

    目录 一.问题背景 二.揭开json文件神秘面纱 三.巧用json文件 四.关于Table图表 五.同步讲解视频 5.1 讲解json的视频 5.2 讲解全流程大屏的视频 5.3 讲解全流程大屏的文章 ...

  5. 好客租房30-事件绑定this指向(箭头函数)

    1箭头函数 利用箭头函数自身不绑定this的特点 //导入react     import React from 'react'           import ReactDOM from 'rea ...

  6. 每天一个 HTTP 状态码 206

    206 Partial Content 206 Partial Content 是当客户端请求时使用了 Range 头部,服务器端回复的响应,表示只响应一部分内容. 实例 请求: GET /favor ...

  7. SeataAT模式原理

    Seata架构 Seata将分布式事务理解为一个全局事务,它由若干个分支事务组成,一个分支事务就是一个满足ACID的本地事务. Seata架构中有三个角色: TC (Transaction Coord ...

  8. MySql笔记Ⅰ

    MySql part 1: 数据库概念 数据库:(DataBase, 简称DB):数据库中的数据按一定的数据模型组织.描述和储存,具有较小的冗余度.较高的数据独立性和易扩展性,并可为各种 用户共享 数 ...

  9. 【雅礼集训 2017 Day2】棋盘游戏

    loj 6033 description 给一个\(n*m\)的棋盘,'.'为可通行,'#'为障碍.Alice选择一个起始点,Bob先手从该点往四个方向走一步,Alice再走,不能走走过的点,谁不能动 ...

  10. “摆地摊“都找不到全栈工程师?JNPF帮你分分钟搞定!

    大街上捕捉野生程序员 都这样了还找不到全栈工程师 全栈工程师(Full-Stack Engineer)图鉴: 全栈工程师,也叫全端工程师(同时具备前端和后台能力),英文Full Stack  deve ...