一、webstorm连接GitHub步骤：
（1）File -> Settings -> 搜索框搜Github -> Add account
（2）输入GitHub账号密码，成功到第二步；失败到（3）；

（3）若通过以上的方式连接不成功的话，进行一下操作：
a. 首先登陆GitHub
b. 点击头像，下展菜单找到settings

c. 然后找到developer settings

d. 点击personal access tokens

e. 点击generate new token,然后输入GitHub密码。

f. 输入note，打上√

然后复制该内容

g. 回到webstorm，点击use Token

将刚才复制的内容复制到框里即可。

二、连接成功后，连接Git。在搜索框中搜索Git，在Path to Git executable处输入 Git 安装路径，一般情况下这里能自动获取，然后点击旁边的 Test 按钮，出现中间弹窗，说明连接成功。如果没有安装git，参阅这篇教程：
https://www.cnblogs.com/xueweisuoyong/p/11914045.html

这里我是手动配置路径，注意这里不是git安装包的exe，是你安装路径下的cmd文件下的git.exe。

点击test后，有上图弹窗说明连接成功。

三、因为我们本地 Git 仓库和 GitHub 仓库之间的传输是通过 SSH 加密的，所以我们需要配置验证信息。打开git图形用户界面，输入以下代码：
ssh-keygen -t rsa -C “你注册GitHub的邮箱”

运行命令后会要求确认路径和输入密码，这里我们无需输入，一路回车就行。成功的话会在红框的地址下（这里根据自己的实际路径去找） 生成.ssh 文件夹，进去，打开 id_rsa.pub，复制里面的Key

四、打开 GitHub ，点击头像 -> Settings -> 点击左边处的 SSH and GPG keys，然后点击上面绿色的New SSH key 按钮 。

Title 处填写标题，可以随便填，Key 处粘贴刚才生成的 key。写完后点击Add SSH Key添加成功后如下图所示

然后打开Git bash输入以下命令验证是否成功：
ssh -T git@github.com

第一次运行该命令可能会出现提示信息，输入 yes 即可。最后返回如下信息则表示已成功连上 GitHub。

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

五、上传本地项目到GitHub
如果我们是将已有项目上传到 GitHub ，则在 WebStorm 打开项目后，如下图操作

首先在自己的本机新建一个文件夹，做为项目的本地仓库区。创建好本地仓库后，打开Git bash。
1.输入命令： git init 把这个文件夹变成Git可管理的仓库。

**注意：**在执行git init之前，要先通过cd命令进入到刚刚创建的本地仓库里面去，在执行git init。这时你会发现文件夹里面多了个.git文件夹，它是Git用来跟踪和管理版本库的。如果你看不到，是因为它默认是隐藏文件，那你就需要设置一下让隐藏文件可见。

2.把要上传的项目粘贴到这个本地Git仓库里面（此时，你可以通过命令 git status 来查看你当前的状态），然后通过命令 git add把项目添加到仓库（或命令git add .把该目录下的所有文件添加到仓库，注意点是用空格隔开的）。在这个过程中你可以一直使用git status来查看你当前的状态。



这里提示虽然把项目add到本地仓库里面，但还没有提交。

3.用 git commit 把项目提交到仓库

这里要注意，git commit 后面要加-m ’注释‘，否则会报错。

至此，我们本地Git仓库这边的工作也做完了。前面我们也已经通过SSH加密的方式为连接连接远程仓库（也就是连接Github）做了准备。

4.接下来就是在GitHub上面创建一个项目：

5.在Github上创建好Git仓库之后我们就可以和本地仓库进行关联了，根据创建好的Git仓库页面的提示（上图所示）。在or create a new repository on the command line下面的复制粘贴区复制倒数第二行的命令，然后回车（ 也就是git remote add origin … 这条命令，注意origin后面加的是你Github上创建好的仓库的地址，也就是红框的地址。）

6.关联好之后我们就可以把本地库的所有内容推送到远程仓库（也就是Github）上了，通过 git push -u origin master 命令。由于新建的远程仓库是空的，所以要加上-u这个参数，等远程仓库里面有了内容之后，下次再从本地库上传内容的时候只需执行 git push origin master 就可以了。

在这个过程中会弹出一个框让你登录GitHub，只需要到GitHub复制token粘贴到框里即可（若忘记了token，到GitHub按下列步骤复制）：



然后粘贴到弹出来的框框里面去就可以了。

7.回到GitHub，重新刷新你的Github页面进入刚才新建的那个仓库里面就会发现项目已经成功上传了：

小提示
还可用以下比较简单的方法，亲测可以：

首先在webstorm里面按上图红框的操作，点击带有GitHub图标的那个选项，输入项目名字

然后share就可以了，到GitHub上面看看。
注意：这种方法GitHub里面必须没有你这里输入的项目名才可以成功share到GitHub里面去，他会自动根据你设定的项目名去创建一个远程的仓库，将本地代码上传到GitHub指定的仓库里面去

另外还有第三种方法：
首先用vue cli3创建一个项目：

在GitHub创建一个新的仓库：

然后复制红框里面的东西

回到控制台，输入git clone 粘贴复制的上图中的内容：

然后依次输入这两条代码（注意第二条去掉main，直接输git push -u origin ）：



如果有上图提示的话，我们输入git push origin master，然后输入密码即可：

为什么master可以呢：原因是，他new branch是master：

为什么创建GitHub项目那提示的是git push -u origin main呢？原因是有写创建的时候默认是main的，所以如果git push -u origin master还不行的话，可以试一下git push -u origin main.

回到GitHub刷新一下，可以看到已上传：