通过Webstorm上传代码到Github更新代码后同步到github及克隆github代码到本地的方法

Posted 2020-09-21 茶记忆

导读：

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 "[e-mail]"  ,点击三次回车，成功的话会在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来下载代码了。。