如何用webstorm上传项目到GitHub

时间:2024-03-19 17:32:03

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

2、如下图所示,在搜索处搜索 github,然后 ,这里截图显示的是Git,截图错了
如何用webstorm上传项目到GitHub
3、如下图所示,点击Add account,会弹出一个登陆的框,直接在下面输入用户名密码即可,然后点击log in
如何用webstorm上传项目到GitHub
4.连接成功后,我们还要连接我们下载的 Git,依旧,在搜索处搜索 git ,在Path to Git executable处输入 Git 安装路径,一般情况下这里能自动获取,然后点击旁边的 Test 按钮,出现中间弹窗,说明连接成功
如何用webstorm上传项目到GitHub
5、因为我们本地 Git 仓库和 GitHub 仓库之间的传输是通过 SSH 加密的,所以我们需要配置验证信息

$ ssh-****** -t rsa -C "[email protected]"

后面的 [email protected] 为你在 GitHub 上注册的邮箱,运行命令后会要求确认路径和输入密码,这里 我们无需输入,一路回车就行。成功的话会在画红线的地址下(这里根据自己的实际路径去找) 下生成.ssh 文件夹,进去,打开 id_rsa.pub,复制里面的Key
如何用webstorm上传项目到GitHub
6、打开 GitHub 上,如下图所示,进入Account -> Settings 。
如何用webstorm上传项目到GitHub
7、如下图所示,点击左边处的 SSH and GPG keys,然后点击上面绿色的New SSH key 按钮,
如何用webstorm上传项目到GitHub
Title 处填写标题,可以随便填,Key 处粘贴刚才生成的 key。写完后点击Add SSH Key添加成功后如上图所示

如何用webstorm上传项目到GitHub
然后在任意处打开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 打开项目后,如下图操作
如何用webstorm上传项目到GitHub
9、点击 Share Project on GitHub 后会弹出图1的弹框这上面写的是你的GitHub上面已经有的项目,然后点击Share Anyway他会弹出图2,这里注意,不能与 GitHub 已有仓库重名,因为这步操作会在GitHub创建一个新的仓库
图一
如何用webstorm上传项目到GitHub
图二
这里第一个输入框是你的储存库的名字
第二个输入框先不去更改
第三个是你项目的描述
然后点击share就可以了,然后去你的GitHub上就可以看到了刚刚上传的项目
如何用webstorm上传项目到GitHub