导读:

Github做为IT爱好者分享代码的一个知名的平台,广受大家喜欢,那么我们平时该怎么将自己写的代码上传到github上面保存并且提供给其他人参考?

我想方法不外乎如下几个:

1、直接在github网页上面上传代码(没试过) ;

2、利用git工具,下载git然后利用命令行工具上传代码,这种方式需要更多的命令行知识,对于不熟悉命令行工具的小伙伴来说是个很头疼的事;

3、利用开发工具Webstorm来进行类似图形化方式上传代码,这种方法简单容易,也是本文重点要讲述的!

问题1:那么如何利用Webstorm来上传本地代码呢?且看下面步骤讲解

步骤1

(1)下面一些是你必须前提准备的,其实我们利用webstorm上传代码的原理还是基于git向github上面上传代码,那么首先你需要在本地下载git并安装,如下图git的官网。(git下载安装不在这里讲解)

(2) 你得自己首先注册一个github账号吧 ,要不然你上传代码到哪里?  我想能看到这篇文章的同学基本上都已经有了github的账号,所以,这一步忽略。。

步骤2

好了,上面搞定后,我们接下来在webstorm中把git和github的一些东西都配置和补充好,如下就是方法。

(1)首先是git的配置,所谓配置,就是把你git的安装地址配置到webstorm中,打开settings, 搜索git,然后如下图红色标注的部分把你的git的地址配置ok(你自己的git安装地址,不一定和我的一样哦)

(2) 下面就是github的地址如何在webstorm中配置了,说白了就是输入你github的账号和密码然后test一下,如下面图示。

   输入账号密码

·  

   test一下 ,如下图若显示绿色的success,代表webstorm已经配置好github了。

 步骤3:

因为我们本地 Git 仓库和 GitHub 仓库之间的传输是通过 SSH 加密的,所以我们需要配置SSH;很简单,打开你的gitbash,输入 ssh-keygen -t rsa -C "youremail@example.com"  ,点击三次回车,成功的话会在C:\Users\Administrator\ 下生成 .ssh 文件夹,进去,打开 id_rsa.pub,复制里面的全部内容,然后粘贴到你github的settings中的SSH and GPG keys保存,如下图所示

步骤:4:

上面2步完成,我们所有的准备工作就算完成了,接下来我们就可以开始上传代码啦~ 怎么上传呢 ?  如下图,我们点Share Project on Github

然后出现下面的框,框里面的名称随便取但不能和你github上面已有的项目名称重复,因为我们每上传一个项目就相当于新创建一个仓库,而仓库当然是不能重复啦,然后点Share!  然后就可以完成上传代码到github中!!

出现下面的successful shared project on github代表你已经上传代码成功了,然后导github上面看看吧。。

问题2:上述已经将代码上传到了github中,那么我们本地更新此项目代码后如何同步更改github上面的代码呢 ? 我们需要重新将所有代码重新上传吗? 答案是否定的,请看下面。

步骤1:

如下图,假设我们在index.html更改了代码

步骤2:

点击右边的VCS,

步骤3:

如下图,然后点击Commit and push,这样就可以把自己修改的代码推送到github上面,很方便吧,快试试吧!!

问题3:现在我都会把自己的代码上传到github上面了,那么我们怎么下载别人的代码呢??

其实,这个问题很简单,我们直接用命令行工具,git clone https://github.com/teamemory/elm.git (这个地址是如下图红色标注的地方)就可以下载代码到本地,这里也无需用webstorm来下载代码了。。

通过Webstorm上传代码到Github、更新代码后同步到github及克隆github代码到本地的方法的更多相关文章

  1. 使用webstorm上传代码到github

    使用webstorm上传代码到github 字数681 阅读330 评论0 喜欢5 之前使用过webstorm上传代码到github,过了几个月竟然发现自己忘记了,好记性不如烂笔头啊,今天又重新用了一 ...

  2. 使用WebStorm上传本地项目到GitHub和GitLab

    在使用 WebStorm 上传本地项目到 GitHub 之前,先要做一些相关配置. 首先打开 WebStorm ,依次点击File -> Settings… 打开系统设置面板,在上面搜索 git ...

  3. 艺萌文件上传下载及自动更新系统(基于networkComms开源TCP通信框架)

    1.艺萌文件上传下载及自动更新系统,基于Winform技术,采用CS架构,开发工具为vs2010,.net2.0版本(可以很容易升级为3.5和4.0版本)开发语言c#. 本系统主要帮助客户学习基于TC ...

  4. 艺萌TCP文件上传下载及自动更新系统介绍(TCP文件传输)(一)

    艺萌TCP文件上传下载及自动更新系统介绍(TCP文件传输) 该系统基于开源的networkComms通讯框架,此通讯框架以前是收费的,目前已经免费并开元,作者是英国的,开发时间5年多,框架很稳定. 项 ...

  5. 更新xcode后插件失效问题——不针对特定版本的通用解决方法

    一.Xcode更新后插件失效的原理 1.每次更新Xcode后插件都会失效,其实插件都还在这个目录好好的躺着呢: ~/Library/Application Support/Developer/Shar ...

  6. django中使用FastDFS分布式文件系统接口代码实现文件上传、下载、更新、删除

    运维使用docker部署好之后FastDFS分布式文件系统之后,提供给我接口如下: fastdfs tracker 192.168.1.216 192.168.1.217 storage 192.16 ...

  7. webstorm上传vue代码至git

    Git在push时候,提示:push to origin/master was rejected 解决方案如下: 提交代码顺序 webstorm右键项目名称==>Git==>Commit ...

  8. Pycharm/Webstorm 上传和下拉 GitHub 项目

    操作流程:Pycharm和Webstorm的操作页面类似,本文以Webstorm为例 1.打开Webstorm软件选择 Settings 2.在Version Control 中填写 Git 的可执行 ...

  9. webstorm 上传代码到gitlab

    1. 2. 3.push 4.填写上传url

随机推荐

  1. 洗礼灵魂,修炼python(72)--爬虫篇—爬虫框架:Scrapy

    题外话: 前面学了那么多,相信你已经对python很了解了,对爬虫也很有见解了,然后本来的计划是这样的:(请忽略编号和日期,这个是不定数,我在更博会随时改的) 上面截图的是我的草稿 然后当我开始写博文 ...

  2. AspNet mvc的一个bug

    [HttpPost] public ActionResult updateLoan(TuWenMilitaryRank entity) 使用mvc绑定表单 每次绑定的对象都为null,查看Reques ...

  3. .gho文件检查

    虽然目前windows10的接受程度越来越广泛,但我接触到的一些非IT人士还是钟爱于windows7系统,本文记录一下在使用ghost还原系统遇到的问题. gho还原失败 在还原ghost系统过程中, ...

  4. LeetCode算法题-House Robber(Java实现)

    这是悦乐书的第187次更新,第189篇原创 01 看题和准备 今天介绍的是LeetCode算法题中Easy级别的第46题(顺位题号是198).你是一个专业的强盗,计划在街上抢劫房屋. 每个房子都藏着一 ...

  5. LeetCode算法题-Excel Sheet Column Number(Java实现)

    这是悦乐书的第182次更新,第184篇原创 01 看题和准备 今天介绍的是LeetCode算法题中Easy级别的第41题(顺位题号是171).给定Excel工作表中显示的列标题,返回其对应的列号.例如 ...

  6. 【算法】LeetCode算法题-Roman To Integer

    这是悦乐书的第145次更新,第147篇原创 今天这道题和罗马数字有关,罗马数字也是可以表示整数的,如"I"表示数字1,"IV"表示数字4,下面这道题目就和罗马数 ...

  7. C语言的main函数到底该怎么写

    公众号[编程珠玑]:专注但不限于分享计算机编程基础,Linux,C语言,C++,Python,数据库等编程相关[原创]技术文章,号内包含大量经典电子书和视频学习资源.欢迎一起交流学习,一起修炼计算机“ ...

  8. 【teradata】强制解锁

    使用加锁用户释放锁,也可以用其它用户使用如下语句强制解锁 Release lock (pdm_data ),Override

  9. Git无法提交,报错

    Failed at the ant-design-pro@2.2.1 lint-staged script. npm ERR! This is probably not a problem with ...

  10. 设计模式のNullObjectPattern(空对象模式)----行为模式

    一.产生背景 在空对象模式(Null Object Pattern)中,一个空对象取代 NULL 对象实例的检查.Null 对象不是检查空值,而是反应一个不做任何动作的关系.这样的 Null 对象也可 ...