vue + Element ui 常用的组件和方法
一,gitlab的安装和配置
1、安装git
去官网下载相应的版本
//查看版本信息
git --version
2.使用公司的邮箱注册git账号
3.配置本地的git邮箱账号
//邮箱
git config --global user.name "名称"
git config --global user.email "邮箱"
查看本地配置的邮箱配置的邮箱
cat ~/.gitconfig
4.本地生成ssh公钥
//生成公钥
ssh-keygen -t rsa -C "你配置时的邮箱"
然后 一直回车 看到一串花了呼哨的就好了
然后,在电脑的用户下面有个.ssh就是生成的公钥
注意
:这个文件夹有可能是隐藏的 ,要把电脑上的展示后缀名打开 ,才能展现出来
//进入这个文件夹 ~这个符号表示是用户文件夹
cd ~/.ssh
下面有两个文件夹
- id_rsa
- id_rea.pub
//打开文件夹
cd id_rea.pub
这里就是生成的公钥
注意
:从cd ~/.ssh开始的 这操作可以使用命令完成,也可以去我的电脑自己打开
5.配置到 gitlab
1.打开gitlab
2.点右上角头像
3.点击settings
4.点击SSH Keys
5.把生成的公钥复制到key下的那个大框里,其他的会自动生成
6.点击Add key
到这里就是你本地的库和gitlab进行一个校验连接了 ,gitlab就已经配置好
二, 基本LUNIX命令在命令行工具里的使用
//1.展示当前目录下的子文件和文件夹
ls
//2.当前文件夹的路径
pwd
//3.创建一个子文件夹
mkdir
//4.创建一个文件
touch
//5.进入到某个文件夹或文件
cd
//6.回退到上个文件夹
cd ..
//7.拷贝一个文件
cp a.js aaa.js
//8.拷贝文件夹
cp -r abc aabbcc
//9.移动文件
mv a.js abc //把a.js移动到abc文件夹下
//10.重命名某个文件
mv a.js aaaa.js //把a.js改成aaaaa.js
//11.删除文件
rm
//12.删除文件夹
rm -r
//12.查看 文件
cat
//13.查看 文件(分页的方式查看) 按空格查看下一页 b上一页 q退出
more
//14.编辑某一个文件 i表示编辑状态 esc退出编辑 :wq回车表示保存修改
vim
三,拉取代码,分支,文件操作等基本git命令使用
拉取代码
1.打开gitlab,去首页下面打all就是你所参与的项目
2.点进去项目 点击clone(克隆)把SSH里面的地址进行复制
git clone 粘贴SSH里面复制的地址
分支的含义
mester主分支
有很多版本
比如:A B C D E F
多人开发 需要拉取分支
在那个版本上进行拉取开发
开发完成后 与主分支进行合并
最终代码 都要合并到mester上
分支的常见命令
1.查看分支 (本地电脑分支)
git branch
2.查看分支 (远程服务器分支)
git branch -a
*表示当前在那个分支
3.查看分支(查看你在那个分支,并看带分支状态)
git status
4.创建分支
git branch 名字
5.创建分支 (并且切换到这个分支上)
git checkout -b 名字
6.切换分支
git checkout 名字
7.删除分支
git branch -d 名字
git branch -D 名字 //强制删除
暂存区 ,工作区,版本库
1.自己在电脑创建的文件和内容 仅在本地 就是工作区
2.文件在提交的时候 是存本地存到暂存区
3.代码合适再从暂存区存到版本库
管理文件
1.文件的添加/修改/删除信息到暂存区
(所有信息的变动提交到暂存区,不是把文件本身提交到暂存区)
提交到暂存区
git add 名字
修改
修改后的文件继续
git add 名字
删除
将暂存区的文件信息提交到本地版本库
git commit -m "备注"
查看提交记录
git log
不给git所管理的文件
不想提交到版本库,要忽略这个文件
在这个文件里面添加一个文件
.gitignore
然后在gitignore里面添加不想被提交的文件的名字
撤回还未提交到暂存区
的文件
git checkout . //后面的点表示所有文件
gitcheckout 名字 //表示某一个文件
撤回已经提交到暂存区
的文件
git reset head . //后面的点表示所有文件
git reset head 名称 //表示某一个文件
撤回已经提交到本地版本库
的文件
git reset --soft head^ //退回到暂存区
git reset --hard head^ //直接回退到工作区到上一个版本
2.分支合并,工作中代码提交上线的流程
1.基于gitlab的一常见工作流的形态
涉及到的常用分支
master 主分支
davelop 日常开发分支
feature 功能分支
relrase 预发布分支
hotfix bug修复分支
2.开发及上线的流程
第一步
:本地创建develop分支
git checkout -b develop origin/develop
//本地创建develop分支并且与远程的devrlop分支进行关联
第二步
:拉取远程的develop
git pull origin develop
//拉取远程分支develop 并且与本地的这个分支进行合并
第三步
:创建feature分支
git checkout -b feature
//创建 feature分支 工作分支
第四步
:把本地版本库的内容提交到远程分支上
git push origin feature:feature
//把本地的分支 feature上传到远程分支的feature(在远程创建一个feature)
第五步
:合并分支
在gitlab上进行合并
1.打开gitlab
2.点开Merge requests
3.创建一个merge request的请求(就是点击Create merge reauest)
4.点击Change branches(默认提交到的是master分支,切换到develop上)
5.Assignee 表示你的合并请求指定给谁(一般指定给项目老大)
6.下面的 Merge options 里面的第一个选项是默认选择的意思是(合并分支并把以前的分支删除),一般取消那个按钮
7.在Canges里面可以看到代码本次的改变
8.检查完毕点击 Create merge reauest
9.然后管理员得到申请 没问题 会点击Merge进行同意合并
10.合并完成
第六步
:测试有问题,继续在原来的分支提交
1.修改代码
2.提交到暂存区
3.提交到本地版本库
4.再次提交到远程的feature分支上
(这里因为远程已经有了feature分支)所以可以这样写 省略后面的(:feature)
git push origin feature
5.就是在git上把feature合并到develop 例:第五步
第七步
:测试没问题,从develop分支创建release分支
//切换分支到develop上
git checkout develop
//拉取远程的develop分支并且与本地合并(最新的代码)
git pull origin develop
//创建release分支
git checkout -b release
//上传到远程仓库并在远程仓库创建release的远程分支
git push origin release:release
第八步
:release分支测试有问题,从release分支拉取bug修复分支
第九步
:测试没问题,提交release分支到master 分支的合并请求,同时也合并到develop分支上
第十步
:给main分支打tag,并提交发布(tag就是一个标记)
git tag 名称
git push origin 名称:名称
第十一步
线上有问题,从master 拉取bug修复分支,bug修复后直接提交到master (同时到develop)
四,多人协作之代码冲突的场景分析及解决方法
同时修改了一个文件文件 如图(index.js)
快速删除node_modules
不支持vscode 请使用cmd进行命令操作
第一步:安装删除工具 npm install rimraf -g
第二步:使用删除命令 rimraf node_modules