本地创建新项目如何上传到gitlab仓库中

本地项目上传到gitlab仓库 现在前端各种框架比如vue react…等都会比较友好的推出自己的脚手架,
这样在项目刚开始的时候能够快速的搭建一个项目结构,然后进行业务开发。
这里就简单介绍一下本地用脚手架创建完项目之后如何上传到远程gitlab仓库上
本地新建项目 这一步不同的前端框架都会有自己不同的命令.
比如react有自己的create-react-app projectName
vue有自己的 vue init webpack projectName
脚手架命令跑完之后就会有一个项目的基本骨架了。
gitlab上新建一个项目 1:gitlab选择一个group然后新建project
本地创建新项目如何上传到gitlab仓库中
文章图片
2:设置新建project的一些初始信息
比如项目的名称,项目访问的url路径和可见性设置等基础信息,设置好之后可点击create project按钮,稍等片刻,这个项目就会被新建在这个group之中
如下所示:
本地创建新项目如何上传到gitlab仓库中
文章图片
点击之后稍等片刻就会出现新建好的project,如下图所示:
本地创建新项目如何上传到gitlab仓库中
文章图片

将本地和远程仓库关联并push本地项目 我这里用的是Intellij IDEA编辑器来演示,操作如下:
1:本地创建新项目如何上传到gitlab仓库中
文章图片
2:会自动访问到当前项目的路径,直接点击open即可
本地创建新项目如何上传到gitlab仓库中
文章图片
3:这个时候左侧的文件会变红,红色在idea的git版本表示未add的文件,同时在系统资源管理中打开项目的磁盘文件目录,会发现一个.git的隐藏文件,这个文件就git的配置和仓库文件。如下图所示:
本地创建新项目如何上传到gitlab仓库中
文章图片

本地创建新项目如何上传到gitlab仓库中
文章图片

4:push到远端仓库
先add然后commit 提交到本地仓库
本地创建新项目如何上传到gitlab仓库中
文章图片

在IDEA中shift + command + k会弹出如下框:
本地创建新项目如何上传到gitlab仓库中
文章图片
弹出如下所示框本地创建新项目如何上传到gitlab仓库中
文章图片

在URL输入框中设置刚刚在git仓库中新进空project的地址即可,
本地创建新项目如何上传到gitlab仓库中
文章图片

输入刚刚粘贴的url然后点击ok按钮
本地创建新项目如何上传到gitlab仓库中
文章图片

到了这一步已近将本地git和远程gitlab仓库地址做了映射,接下来要做的是将本地的某一个分支追踪到远端仓库的某一个分支,这里以本地master追踪到远程master为例,其余分支也一样,其实master就是一个普通的分支。
可以使用

  • git pull 拉取远程分支到本地
  • git branch -vv 查看本地分支和远程分支的映射情况
  • git branch -u origin/master (此时处于master分支上),将本地master和远端master建立映射
  • 如果报错 'fatal: refusing to merge unrelated histories’的信息的话,可以使用
git pull origin master --allow-unrelated-histories

【本地创建新项目如何上传到gitlab仓库中】来解决,具体原因可以查看这篇文章:
https://blog.csdn.net/weixin_38080573/article/details/88092813
本地创建新项目如何上传到gitlab仓库中
文章图片

可以在仓库中看到已近有了本地的项目
本地创建新项目如何上传到gitlab仓库中
文章图片

    推荐阅读