本地项目连接远程gitLab

167 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第5天,点击查看活动详情

先在远程的gitLab网址里面新建项目,如下图所示:

图1 1.png 图2 2.png 图3 3.png

设置全局用户名和邮箱:可以在以下图4、图5、图6中的终端中输入以下命令;

git config --global user.name "yueying"
git config --global user.email "xxxxxxxxx@qq.com"

如果已经设置过全局用户名和邮箱的话,这一步可以忽略;

第一种情况:

如果你本地还没有创建项目的话-就创建一个新的存储库:

新建一个项目文件夹,命名为“ceshi”;

然后通过Visual Studio Code打开项目文件夹

图4 4.png 接着新建可输入命令的终端,如下图所示: 图5

5.png 图6

6.png

再在终端里面输入图3输入圈中的地址:git clone git@gitlab.yydpt.com:root/ceshi.git

输入完之后按Enter,克隆远程存储库,如下图所示:

图7

7.png

图中有一个警告:warning: You appear to have cloned an empty repository.

警告:您似乎克隆了一个空的存储库;

这个不用管,因为这是你刚刚才建立的一个新的存储库,所以是空的;

因为你是克隆的远程存储库,因此在你的vscode的左边就出现了一个新的项目文件夹“ceshi”;

图8

8.png

接着在终端里面再输入:cd ceshi

进入ceshi文件夹;

然后可以开始你的项目了,比如新建一个html文件;

图9

9.png

接着在终端里面再输入:git add index.html

将新建的文件放入暂存;

接着在终端里面再输入:git commit -m "提交index.html文件" -n

会把暂存中的文件进行提交;

接着在终端里面再输入:git push -u origin master

将本地代码推送到远程存储库;

git push <远程主机名> <本地分支名>:<远程分支名>

加-u则可以使用-u选项指定一个默认主机,这样后面就可以不加任何参数使用git push;

以上命令入下图所示:

图10

10.png

这样就完成了你本地项目和gitlab的远程连接;

如下图所示:

图11

11.png

第二种情况:

如果你本地已经创建项目的话-现有的文件夹或Git存储库:

首先进入你的项目文件夹,在终端输入:cd 你的项目路径;

初始化git: git init

Git远程添加origin git@gitlab.yydpt.com:root/ceshi.git:

git remote add origin git@gitlab.yydpt.com:root/ceshi.git

将项目文件添加到缓存:这里的项目文件就只有一个ceshi.html

git add .

提交项目文件:

git commit -m "提交项目文件" -n

将本地代码推送到远程存储库:

git push -u origin master

终端输入的情况入下图所示:

图12

12.png

这样就完成了你本地项目和gitlab的远程连接;

如下图所示:

图13

13.png

关注公众号(月影WEB),了解更多的前后端知识;

欢迎大家关注互相交流学习;