在使用 WebStorm 上传本地项目到 GitHub 之前,先要做一些相关配置。

首先打开 WebStorm ,依次点击File -> Settings... 打开系统设置面板,在上面搜索 github 配置 GitHub 相关参数。

如下图所示,在1处搜索 github ,如果2处是 Token 则点击3处的 Create API Token 打开4处的弹窗,输入用户名密码。

如下图所示,如果1处是 Password ,直接在下面输入用户名密码即可。

登录完成后,可以点击下图1处 Test 按钮,测试一下,出现2处所示弹窗,表示连接成功。

连接成功后,我们还要连接我们下载的 Git,依旧,在1处搜索 git ,在2处输入 Git 安装路径,一般情况下这里能自动获取,然后点击3处 Test 按钮,出现4处弹窗,说明连接成功。

因为我们本地 Git 仓库和 GitHub 仓库之间的传输是通过 SSH 加密的,所以我们需要配置验证信息。

使用以下命令生成 SSH Key:

$ ssh-keygen -t rsa -C "youremail@example.com", 后面的 youremail@youremail.com 为你在 GitHub 上注册的邮箱,运行命令后会要求确认路径和输入密码,这里 我们无需输入,一路回车就行。

成功的话会在C:\Users\Administrator\ 下生成 .ssh 文件夹,进去,打开 id_rsa.pub,复制里面的Key。打开 GitHub 上,如下图所示,进入Account -> Settings 。

如下图所示,点击1处的 SSH and GPG keys,然后点击2处的 New SSH key 按钮,在3处填写刚刚生成的SSH Key,Title 处填写标题,可以随便填,Key 处粘贴刚才生成的 key。添加成功后如4处所示。

可以输入以下命令验证是否成功

$ ssh -T git@github.com

第一次运行该命令可能会出现提示信息,输入 yes 即可。

最后返回如下信息则表示已成功连上 GitHub。

Hi yourname! You've successfully authenticated, but GitHub does not provide shell access.

到这里,所有的配置已经完成,我们就可以会用 WebStorm 上传本地项目到 GitHub 了。

----------------------------------------------------------手动分割线----------------------------------------------------------

这里如果我们是将已有项目上传到 GitHub ,则在 WebStorm 打开项目后,如下图操作。

点击 Share Project on GitHub 后打开下图所示面板,输入想要上传到哪个仓库,这里注意,不能与 GitHub 已有仓库重名,因为这步操作会在GitHub创建一个新的仓库。

点击 Share 按钮后,可以立即在后续弹窗中将代码提交到 GitHub 仓库。也可以以后自己单独提交。

如下图所示,为Git相关操作,Commit,Push,Pull 等。这里不对这些操作的作用做相关说明。

红色方框框出来的两处,Commit 都可以打开 Commit 面板,Update 和 Pull 都可以从远程仓库更新代码。

点击 Commit 后,出现如下图所示窗口,1处显示的为有改动的文件,2处填写这次 Commit 的备注,3处可以选择只 Commit 还是 Commit and Push 。等 Push 完成之后,我们再去 GitHub,就可以看到刚才提交的代码了。

这里如果我们是新创建的文件,首先需要点击如下图所示Add,才能进行 Commit 。

----------------------------------------------------------手动分割线----------------------------------------------------------

如果我们要从 GitHub 已有的仓库中 Clone 代码。那么如下图选择。

点击后出现如下弹窗,填入相对应的仓库URL,克隆到本地的地址,就可以进行克隆了。

其他操作如 Commit,Push,Pull,Add 等和上面一样,不再赘述。参考资料:http://blog.csdn.net/dkbnull/article/details/61414350

最新文章

  1. linux u-boot跟踪方法总结
  2. Linux命令大全----常用文件操作命令
  3. Apache Jmeter(1)
  4. 查看 activex 组件的方法
  5. 建立tracert路由列表的方法
  6. 项目报错,tomcat中引起
  7. HttpURLConnection学习
  8. 有意思的字符串反转(JavaScript)
  9. android 判断是否有sim卡及运营商
  10. 在mac中导入hadoop2.6.0源代码至eclipse
  11. 日期插件-flatpickr
  12. 自动化运维工具SaltStack - 多环境(使用记录【state.sls 与 state.highstate】)
  13. HDU - 1907 John 反Nimm博弈
  14. Django-路由控制
  15. Linux_相关命令(学习,备忘)
  16. python中Requests库错误和异常
  17. input 子系统架构总结【转】
  18. mysql命令查询
  19. U深度U盘启动盘制作教程
  20. django 基于form表单上传文件和基于ajax上传文件

热门文章

  1. odoo controllers 中type="Json" 或type="http"
  2. vue知识点---element el-date-picker 插件默认时间属性default-value怎么赋值?
  3. 百度nlp api接口测试
  4. 数据结构——图的深度优先遍历(邻接矩阵表示+java版本)
  5. 什么是RSA
  6. Nacos 权限控制介绍及实战
  7. js继承方式及特征
  8. Java-Stream流方法学习及总结
  9. sqli-labs lesson 26-27a
  10. Error running 'Tomcat 9.0.24': port out of range:-1