【GitHub】将本地VueCLI项目关联到GitHub远程仓库

本文主要是介绍【GitHub】将本地VueCLI项目关联到GitHub远程仓库，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

写在前面

众所周知，vueCLI项目是通过命令创建的，因此通过先git clone克隆GitHub远程仓库，再复制本地的项目文件，最后进行commit和push的流程就显得有些冗余和繁琐了，因此我写下本文，用于记录一下我将本地创建好的vueCLI项目的通过git方式与GitHub上的个人远程仓库进行关联操作的整体流程。

准备工作

搭建好node及npm环境，通过vue create project-name命令创建vueCLI项目并确保其正常运行。
在GitHub个人主页上添加一个新的repository远程仓库，这里主分支main可重命名为master，和本地分支保持一致，后面可以省下不必要的麻烦。
用于访问github的加速器~~或梯子~~ 在推送过程中暂时关闭一下。

查询git是否设置了http和https代理：

git config --global http.proxy
git config --global https.proxy

如果出现了代理设置，暂时把代理取消：

git config --global --unset http.proxy
git config --global --unset https.proxy

注：3、4两步主要是解决在后面推送过程中我遇到的报证书错误、网络错误等各种问题。网上有其他作者表示根据加速器~~或梯子~~ 的服务器地址和端口号重新设置一下git代理即可，但我这边直接关加速器+代理取消后也可以push成功。

开始流程

首先，在本地项目下打开git bash命令行，初始化git本地仓库：
```
git init
```
然后，我们再配置连接到GitHub远程仓库：
```
git remote add origin xxx.git
```
其中xxx.git就是你的远程仓库地址，这里我使用HTTPS地址，SSH地址需要另行配置SSH Key，这里不再赘述。
其次，在GitHub repository创建时如果我们设置了通行证license，那么就会发现repository中会默认提交(Initial commit)一个LICENSE文件，因此我们需要先把它pull拉取到我们的本地仓库中，假如本地分支叫master，远程分支叫main（下同），则命令为：
```
git pull origin main:master
```
这里如果没有pull就先在本地仓库执行了add和commit命令，那样就会导致最终push失败，因为license文件的存在导致了两边仓库不一致。那时就需要使用git pull --rebase origin main:master命令了，这是题外话。
将本地项目下的所有文件添加到暂存区：
```
git add .
```
将暂存区的项目文件提交到本地仓库：
```
git commit -m "提交描述"
```
最终将本地仓库的内容推送到远程仓库：
```
git push origin master:main
```