我是一名前端开发工程师。大概1年前开始使用webstorm这个编辑器，今天向大家介绍一下这个软件。

一、WebStorm项目上传GitHub

假设电脑已下载安装Git

1、从webstorm登录GitHub

File->Settings->Version Control->GitHub，输入账号密码进行登录

2、连接Git

File->Settings->Version Control->Git，在Path to Git executable中输入git.exe的目录

3、获取本地的ssh，复制到github账户中的ssh中，SSH的作用是让本地版本库与远程版本库 通信，也就是你在本地修改好 的代码，需要同步到服务器上的时候，就需要这个SSH 密钥来通讯。

在Git的安装目录下打开git-bash.exe，输入ssh-keygen -t rsa -C “你的邮箱” ，输入完之 后需要按三次回车 ，会出现c:\users(用户)\xxx（用户名） \.ssh的文件夹。 找到.ssh文 件夹，并打开其中的id_rsa.pub文件，复制id_rsa.pub里面的内容，打开自己的github 账户，找到Settings->SSH and GPG key，打开之后点击右上角New SSH key，将复制 的内容粘贴即可。 如下图所示：

 

4、上传代码

PHP

编写健壮的PHP代码，规避类型转换陷阱、数组怪癖及常见安全漏洞。

下载

a、如果是第一次上传新建的WebStorm中的工程，步骤如下：工具栏VCS->Import into Version Control->Share Project on GitHub，在弹出来的弹窗中点击Share按钮，如果 没有问题会 弹出来需要上传的文件选择框，选择之后点OK即可完成上传了。上传完 后就可以在你 的GitHub主页看到上传的项目了。

b、如果是上传修改，步骤如下：先是Commit修改的代码，很多地方都可以进行这个 操作，如VCS下面，工程右键Git->Commit Directory等，Commit完成后，需要Push 代码才能算上传成功VCS->Git->Push(一定要进行Push操作才能上传成功)

 

二、Clone项目

CVS->Checkout from Version Control->Git，在弹出的弹窗中输入Clone项目的URL， 如：https://github.com/WangHug/HelloWorld.git，输入项目保存的地址，然后点击Clone 即可。

或者在你想clone代码的位置鼠标右键打开git命令窗口，在窗口中输入代码库地址，然后回车Clone，如下所示：

相关推荐：

webstorm增加less开发插件 - 小月月66

webstorm的php文件显示问题