本地项目上传到gitlab仓库

现在前端各种框架比如vue react…等都会比较友好的推出自己的脚手架,
这样在项目刚开始的时候能够快速的搭建一个项目结构,然后进行业务开发。
这里就简单介绍一下本地用脚手架创建完项目之后如何上传到远程gitlab仓库上

本地新建项目

这一步不同的前端框架都会有自己不同的命令.
比如react有自己的create-react-app projectName
vue有自己的 vue init webpack projectName
脚手架命令跑完之后就会有一个项目的基本骨架了。

gitlab上新建一个项目

1:gitlab选择一个group然后新建project

aosp 上传到gitlab gitlab如何把项目上传_gitlab

2:设置新建project的一些初始信息

比如项目的名称,项目访问的url路径和可见性设置等基础信息,设置好之后可点击create project按钮,稍等片刻,这个项目就会被新建在这个group之中

如下所示:

aosp 上传到gitlab gitlab如何把项目上传_git_02

点击之后稍等片刻就会出现新建好的project,如下图所示:

aosp 上传到gitlab gitlab如何把项目上传_远程分支_03

将本地和远程仓库关联并push本地项目

我这里用的是Intellij IDEA编辑器来演示,操作如下:

1:

aosp 上传到gitlab gitlab如何把项目上传_gitlab_04

2:会自动访问到当前项目的路径,直接点击open即可

aosp 上传到gitlab gitlab如何把项目上传_远程分支_05

3:这个时候左侧的文件会变红,红色在idea的git版本表示未add的文件,同时在系统资源管理中打开项目的磁盘文件目录,会发现一个.git的隐藏文件,这个文件就git的配置和仓库文件。如下图所示:

aosp 上传到gitlab gitlab如何把项目上传_远程分支_06


aosp 上传到gitlab gitlab如何把项目上传_上传_07


4:push到远端仓库

先add然后commit 提交到本地仓库

aosp 上传到gitlab gitlab如何把项目上传_aosp 上传到gitlab_08


在IDEA中shift + command + k会弹出如下框:

aosp 上传到gitlab gitlab如何把项目上传_远程分支_09

弹出如下所示框

aosp 上传到gitlab gitlab如何把项目上传_远程分支_10


在URL输入框中设置刚刚在git仓库中新进空project的地址即可,

aosp 上传到gitlab gitlab如何把项目上传_git_11

输入刚刚粘贴的url然后点击ok按钮

aosp 上传到gitlab gitlab如何把项目上传_gitlab_12


到了这一步已近将本地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

来解决,具体原因可以查看这篇文章:


aosp 上传到gitlab gitlab如何把项目上传_远程分支_13


可以在仓库中看到已近有了本地的项目

aosp 上传到gitlab gitlab如何把项目上传_git_14