在使用 WebStorm 上传本地项目到 GitHub 之前,先要做一些相关配置。
1、首先打开 WebStorm ,依次点击File -> Settings… 打开系统设置面板,在上面搜索 github 配置 GitHub 相关参数
2、如下图所示,在搜索处搜索 github,然后 ,这里截图显示的是Git,截图错了
3、如下图所示,点击Add account,会弹出一个登陆的框,直接在下面输入用户名密码即可,然后点击log in
4.连接成功后,我们还要连接我们下载的 Git,依旧,在搜索处搜索 git ,在Path to Git executable处输入 Git 安装路径,一般情况下这里能自动获取,然后点击旁边的 Test 按钮,出现中间弹窗,说明连接成功
5、因为我们本地 Git 仓库和 GitHub 仓库之间的传输是通过 SSH 加密的,所以我们需要配置验证信息
$ ssh-****** -t rsa -C "[email protected]"
后面的 [email protected] 为你在 GitHub 上注册的邮箱,运行命令后会要求确认路径和输入密码,这里 我们无需输入,一路回车就行。成功的话会在画红线的地址下(这里根据自己的实际路径去找) 下生成.ssh 文件夹,进去,打开 id_rsa.pub,复制里面的Key
6、打开 GitHub 上,如下图所示,进入Account -> Settings 。
7、如下图所示,点击左边处的 SSH and GPG keys,然后点击上面绿色的New SSH key 按钮,
Title 处填写标题,可以随便填,Key 处粘贴刚才生成的 key。写完后点击Add SSH Key添加成功后如上图所示
然后在任意处打开Git bash输入以下命令验证是否成功
$ ssh -T [email protected]
第一次运行该命令可能会出现提示信息,输入 yes 即可。最后返回如下信息则表示已成功连上 GitHub。
Hi yourname! You've successfully authenticated, but GitHub does not provide shell access.
yourname! You've successfully authenticated, but GitHub does not provide shell access.
到这里,所有的配置已经完成,我们就可以会用 WebStorm 上传本地项目到 GitHub 了
8、这里如果我们是将已有项目上传到 GitHub ,则在 WebStorm 打开项目后,如下图操作
9、点击 Share Project on GitHub 后会弹出图1的弹框这上面写的是你的GitHub上面已经有的项目,然后点击Share Anyway他会弹出图2,这里注意,不能与 GitHub 已有仓库重名,因为这步操作会在GitHub创建一个新的仓库
图一
图二
这里第一个输入框是你的储存库的名字
第二个输入框先不去更改
第三个是你项目的描述
然后点击share就可以了,然后去你的GitHub上就可以看到了刚刚上传的项目