前端入职各种工具软件的安装(二)--git安装及连接GitLab

243 阅读2分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

最近刚入职了一家新公司,直接去仓库提的全新的电脑全套,作为咱们前端开发人员,肯定是需要安装开发相关的软件以及配置环境的,这里整理了安装的详细教程,希望能对大家有所帮助!

本文主要是介绍git安装及连接GitLab代码管理平台

1.git安装

去官网下载git的安装包,git-scm.com/

下载好后双击安装,建议是选择下安装路径,普通前端开发的话一路默认即可(有其他功能需求的还是根据实际情况选择性安装)

安装后任意界面鼠标右键,出现Git GUI Here  和  Git Bash Here

image.png

2.GitLab账号注册

一般来讲公司的代码管理都是使用的内网,本文就介绍下该情况下的GitLab注册和连接。

下载谷歌浏览器,更改及目标路径

 在原目标路径后加 --explicitly-allowed-ports=10080

image.png

打开链接注册GitLab 账号 (以自己公司搭的内网GitLab地址) 10.20.5.xxxxxxx/users/sign_…

注册号的账号还需要拉取权限(一般是前端leader)

接下来,桌面右键打开Git Bash Here

image.png

配置用户名和邮箱(用于git识别你的身份)

git config --global user.name  "自己的用户名"

git config --global user.email  "自己的邮箱"

image.png

这里的用户名和邮箱就是你前面注册的,输入后没有报错即代表设置成功,也可查看是否成功

git config --global --list //查看用户(全局)配置

image.png

3.连接GitLab

  • 生成ssh公钥

打开Git Bash 输入命令 ssh-keygen -t rsa 随后一直空格即可

image.png

  • 找到图中地址目录 用记事本打开该文件

image.png

image.png

image.png

复制记事本中所有内容

输入框搜索SSH , 点击进入SSH keys

image.png

把从记事本复制的内容粘贴在key输入框,title自己随意输入,日期不选默认永久有效,点击Add key添加

image.png

4.项目克隆及使用

  • 项目克隆本地

任选一文件夹(建议所有项目统一一个地方存放管理,建议不放桌面C盘),右键打开Git Bash Here,

输入git clone + 复制GitLab中项目的地址

image.png

image.png

完成后可在文件夹中生成项目代码文件。

  • VS code 项目使用

打开终端,输入yarn install安装依赖(也可能是用npm安装,根据项目情况)

可能出现一下情况

image.png

遇到该问题,win+r 输入powershell 回车

输入Set-ExecutionPolicy -Scope CurrentUser

再输入remotesigned

image.png

然后重新输入yarn install 安装依赖,完成后输入yarn serve 启动项目。