MENU

WebStorm中使用Git同步代码到Github

February 27, 2019 • Read: 452 • 技术技巧

WebStorm下配置GitHub实现代码同步

项目开发时使用GitHub作为公共代码仓库托管代码,可以极大的提高团队合作效率,同时也可以实现代码云端存储等,方便自己也方便大家!下面记录一下自己配置webstorm同步github的过程,仅供参考。

安装git

没什么说的,直接去git官网下载安装即可。

git官网

准备SSH

在进行下一步之前先检查一下计算机中是否有已存在的ssh,打开如下目录C:\Users\songt,其中songt为您的用户名,在该目录下检查是否存在.ssh目录。

情况一-若存在,则表示电脑中存在ssh

可直接复制其中的id_rsa.pub中的内容进行下一步。

情况二-不存在,创建ssh

打开git bash,可通过快捷方式打开,也可通过鼠标右键打开。

打开后在其中运行如下代码

ssh-keygen -t rsa -C “你的邮箱”

我的输入如下图所示

上述代码我运行了两次,暂时不清楚原因。

之后就是三次回车,即可生成ssh。

在我的电脑C:\Users\songt\.ssh目录下可以找到生成的id_rsa.pub文件。

使用ssh

接下来就要配置github,在github中添加我们的git进入github的密钥啦!

打开github

进入个人设置

选择左侧的SSH and GPG keys选项

添加ssh

输入title和key即可,其中title自定义,key内容为C:\Users\songt\.sshid_rsa.pub文件中的内容。(注:文件直接使用记事本打开即可)

ok!

测试ssh是否配置成功

在git bash中运行如下代码

ssh -T git@github.com

若询问Are you sure you want to continue connecting (yes/no)?则输入yes

输入类似下列信息即连接成功

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

webstorm

配置GitHub

打开webstorm,在file-settings中搜索github,输入自己的账号密码。

若没有异常提醒,就可以看到自己的GitHub了。

配置git

在settings中查找git,将git的安装路径输入,点击text,若没有异常提示则应该可以看到如下界面。

尽情使用吧

代码拉取

准备工作做好之后就可以上传代码啦,打开webstorm,如图

之后会弹出如下窗口,填写实例如图

其中URL填写代码仓库的地址,在图示位置中可以找到。

directory中填写本地项目地址,即您的电脑中存储该项目的路径。

如果上传路径和已有仓库同名产生冲突,直接换个文件夹的路径就好了。

下面信息写给我的同组伙伴们,实践作业的代码仓库地址如下:https://github.com/songtianlun/Gis-ChangChun-Info.git,在url中填入这个地址。

注,在在这里的操作是直接将代码仓库中的文件拉取到选择的本地路径,这个路径下的文件夹要保证为空或不存在,webstorm可直接使用这个文件夹作为工程文件打开。

点击clone就会将代码仓库中的内容直接拉取到本地,如图所示。

代码上传

在本地对代码进行了修改,需要上传时,使用VCS-Commit,如图。

点击之后弹出如下窗口

蓝色的文件表示待提交文件,在commit message中简要描述做的修改操作,之后点击commit and push。

成功提交会弹出以下提示。

在GitHub代码仓库中就可以看到刚刚提交的内容了。

在webstorm中如果仅使用commit,不push,则在github中看不到提交的代码,代码仅仅是提交给了git,因此注意提交代码需要使用commit and push!

Last Modified: July 17, 2019
Archives QR Code Tip
QR Code for this page
Tipping QR Code