新创建的vue项目怎么与github(gitee)建立联系

本文以vue-cli搭建的项目上传github为例,演示如何利用vue-cli创建vue项目后,再创建github仓库,然后将vue项目与远程的github建立建立,最终本地项目文件可以通过git命令随时上传至github。gitee类似。

1.创建一个vue3项目

在这里插入图片描述

在这里插入图片描述
项目创建完毕,进入文件夹,看到此时已经有了git文件夹,我们需要新增远程git地址

在这里插入图片描述

创建一个github仓库

在这里插入图片描述
将默认分支从main改名为mater(某年某月以后github将默认分支名称master改为了main,但是我还习惯用master)

在这里插入图片描述

使用命令git remote add origin url 将本地项目与远程仓库建立联系

git remote add origin xxxurl

在这里插入图片描述
在这里插入图片描述

然后使用命令:git remote -v 查看当前项目与哪一个关联着,因为我们上面建立了联系,所以此时可以看到远程仓库地址

在这里插入图片描述
使用命令git fetch urlxxx 将远程仓库同步到本地仓库(以后每次提交前都要拉取一下,这是良好的习惯)

在这里插入图片描述

(可选1)此时远程仓库可能README.md文件,如果此时本地仓库没有,或者内容不一样,就会造成提交不了。使用命令git pull --rebase origin master,使得远程的文件和本地文件进行合并。提示:如果该命令提示有冲突,则要解决冲突。解决完冲突如果还提示:fatal: refusing to merge unrelated histories
。则可以强制合并完本地冲突git pull origin master --allow-unrelated-histories
在这里插入图片描述

(可选2)如果远程有README.md,本地也有README.md且两个文件里的不一样,此时使用命令git pull origin master:master,就会出现如下报错:

 ! [rejected]        master     -> master  (non-fast-forward)

这是因为git里面就是提交历史出现分叉,主线不再是一条直线,而是在前端出现了分叉,git不知道该如何前进,所以报错了,让你来觉得走哪条路!简言之就是:别人上传到远程仓库后,你没有及时的同步(、拉取)到本地,但是你同时又添加了一些内容(提交),以致于你在提交时,它会检测到你之前从远程仓库拉取的时候的仓库状态和现在的不一样。或者说仓库的内容和本地的内容不一致,于是,它为了安全起见拒绝了你的提交(然后就报了这个错误)。

解决方案:
在这里由于我们只是本地和远程的README.md冲突,其他文件没有冲突,我可以选择抛弃掉远程仓库里的REAMD.md文件,只保留本地的read.md文件。

$ git push -f  或者 $ git push --force

丢弃之前的历史,强推——谨慎使用强推,即利用强覆盖方式用你本地的代码替代git仓库内的内容

官方文档提示:This flag disables these checks, and can cause the remote repository to lose commits; use it with care.(即:此标志禁用这些检查,并可能导致远程存储库丢失提交;小心使用。)

不仅在此处,在平时使用时,也要非常注意,除非你真的是想覆盖远程仓库(你真的知道自己在干嘛!),不然最好不要强制执行。

然后刷新github页面就可以看到本地和远程已经同步了


如果没有以上两个错误,则正常推送即可:
再使用命令:git push -u origin master 把它推送到远程上,也就是将本地项目同步到远程仓库。

然后刷新github页面就可以看到本地和远程已经同步了

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 1. 在Gitee上创建一个的仓库。 2. 打开命令行终端,进入项目所在的目录。 3. 安装vue-cli:在命令行终端中输入 npm install vue-cli -g 。 4. 初始化项目:在命令行中输入 vue init webpack my-project (my-project为你的项目名称)。 5. 进入项目文件夹:cd my-project。 6. 安装依赖:npm install。 7. 修改config/index.js文件,将build.assetsPublicPath修改为“./”,并将build.productionSourceMap修改为false。 8. 打包项目:npm run build。 9. 将打包后的文件上传到Gitee的仓库中。 10. 在Gitee的仓库中打开Pages服务,设置镜像站点访问地址为“/”即可。 ### 回答2: 发布Vue2项目Gitee需要以下几个步骤: 1. 创建Gitee账号:首先在Gitee官网上注册一个账号,并登录到账号中。 2. 建仓库:在Gitee账号中,进入"仓库"页面,点击"建仓库"按钮,填写仓库的相关信息,如仓库名称和描述等。 3. 本地项目初始化:在本地项目的根目录下,使用命令行工具输入命令`git init`,初始化本地Git仓库。 4. 关联远程仓库:在命令行工具中,输入命令`git remote add origin 仓库地址`,将本地仓库与远程Gitee仓库关联起来。 5. 添加代码并提交:将Vue2项目的所有代码拷贝到本地仓库中,并使用命令`git add .`将所有文件添加到暂存区,然后使用命令`git commit -m "提交的描述信息"`将文件提交到本地仓库。 6. 推送到远程仓库:使用命令`git push origin master`将本地仓库的代码推送到远程仓库中。 7. 验证发布:打开Gitee账号中的仓库页面,确认项目已经成功发布到Gitee上。 发布Vue2项目Gitee的步骤大致如上所述,根据具体情况可能会有一些变化,但是以上步骤是基本流程。可以根据自己的实际情况进行相应的操作。 ### 回答3: 要将Vue2项目发布到Gitee,我们可以按照以下步骤进行: 第一步,我们需要在Gitee上创建一个的仓库,用于存储我们的Vue2项目代码。我们可以登录Gitee后,在首页或仓库页上找到“创建仓库”按钮,点击进入创建仓库的页面。 第二步,填写仓库的名称、描述等基本信息,并选择仓库的可见性(公开或私有)。选择好后,点击“创建仓库”按钮来创建的仓库。 第三步,我们需要将本地的Vue2项目代码与Gitee上的仓库进行关联。在本地的Vue2项目文件夹中,打开命令行或终端窗口,执行以下命令: ``` git init ``` 这将初始化Git仓库。 然后,我们需要将本地的Vue2项目代码添加到Git仓库中,执行以下命令: ``` git add . ``` 这将添加所有的文件。 接下来,我们可以提交这些添加的文件,并添加一条提交注释,执行以下命令: ``` git commit -m "Initial commit" ``` 第四步,我们需要将本地的Vue2项目代码推送(push)到Gitee上的仓库中,执行以下命令: ``` git remote add origin [Gitee仓库的URL] ``` [Gitee仓库的URL] 需要替换成你在Gitee上创建的仓库的URL。 然后,执行以下命令: ``` git push -u origin master ``` 以上命令将本地的代码推送到Gitee上的仓库中,并将master分支关联起来。 第五步,我们可以在Gitee上的仓库页面中,查看我们刚刚推送的代码。此时,我们的Vue2项目已经成功发布到了Gitee上。 总结起来,发布Vue2项目Gitee的步骤包括:创建Gitee仓库、初始化并关联本地Git仓库、添加并提交本地代码、将代码推送到Gitee仓库。以上是一个简单的发布流程,你可以根据实际项目的需要进行更多的设置和操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值