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

目录

写在前面

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

准备工作

  1. 搭建好node及npm环境,通过vue create project-name命令创建vueCLI项目并确保其正常运行。

  2. 在GitHub个人主页上添加一个新的repository远程仓库,这里主分支main可重命名为master,和本地分支保持一致,后面可以省下不必要的麻烦。

  3. 用于访问github的加速器或梯子 在推送过程中暂时关闭一下。

  4. 查询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成功。

开始流程

  1. 首先,在本地项目下打开git bash命令行,初始化git本地仓库:

    复制代码
    git init

    然后,我们再配置连接到GitHub远程仓库:

    复制代码
    git remote add origin xxx.git

    其中xxx.git就是你的远程仓库地址,这里我使用HTTPS地址,SSH地址需要另行配置SSH Key,这里不再赘述。

  2. 其次,在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命令了,这是题外话。

  3. 将本地项目下的所有文件添加到暂存区:

    复制代码
    git add .
  4. 将暂存区的项目文件提交到本地仓库:

    复制代码
    git commit -m "提交描述"
  5. 最终将本地仓库的内容推送到远程仓库:

    复制代码
    git push origin master:main

重新打开加速器,刷新GitHub repository,看到最新的推送,大功告成!

相关推荐
打妖妖灵滴哪吒3 小时前
github创建远程仓库+推送代码(图文版)
github
笨鸟先飞,勤能补拙4 小时前
AI 赋能网络安全:技术全景、成熟度评估与实战案例
人工智能·python·安全·web安全·网络安全·sqlite·github
笨鸟先飞,勤能补拙6 小时前
AI 赋能网络安全领域深度剖析
网络·人工智能·windows·安全·web安全·网络安全·github
gwf2169 小时前
SSD读写速度深度解析:顺序读写vs随机读写、IOPS、延迟,你的硬盘性能到底怎么看?
git·嵌入式硬件·缓存·github·智能硬件
西邮彭于晏10 小时前
图文详解:Git分支创建、合并与冲突解决|新手零门槛完整教程
大数据·git·elasticsearch
nuisthou14 小时前
git常用命令总结
git
西邮彭于晏14 小时前
Git 标签(Tag)与版本发布完整指南|附全场景命令速查表
大数据·git·elasticsearch
笨鸟先飞,勤能补拙15 小时前
下一个十年:网络安全正在被重写
网络·人工智能·安全·web安全·网络安全·github
潘正翔15 小时前
k8s进阶_Harbor镜像仓库
git·云原生·容器·kubernetes·gitee·github
vibecoding7715 小时前
GitHub 2026 年 7 月热榜:累计 Star 总榜与月度飙星榜
人工智能·github·ai编程