程序员经验分享-hwhale

前端代码审查利器：vscode插件GitLab Workflow

2023-11-01

正经学徒，佛系记录，不搞事情

前言

使用此插件的目的很单纯，就是为了更快的通过IDE工具进行代码审查

优势

在现在互联网公司的Workflow工作模式下，开发的代码需要提交merge request（MR）给同事进行代码审核，以往通过gitlab网站直接查看的代码变更的方式，个人认为主要有这几个缺点

  1. 大文件(不是文件体积大，是代码修改行数多)会自动收缩，且打开会卡顿
    在这里插入图片描述
  2. 无法快速跳转
    如想查看getCurrentContactGroupId的实现，但不能直接快捷键跳过去
    在这里插入图片描述
  3. 不会有校验提示，如单词写错

那相反的使用vscode插件就能通过IDE的优势来查看代码，即有代码高亮，波浪线纠错，又能在方法之间跳转，方便审查代码逻辑

使用

话不多说开始使用
官方地址：https://marketplace.visualstudio.com/items?itemName=GitLab.gitlab-workflow

1. 下载

可直接在vscode中搜索下载
在这里插入图片描述

2. gitlab生成access token

这一步的目的，是为了生成一个能够访问仓库权限的token

在这里插入图片描述

在这里插入图片描述
至少选中 api 和 read_user 权限，可以设置有效期
点击生成token一定要复制下来出于安全考虑，以后都不会在看到这个token
在这里插入图片描述

3. 配置vscode

在vscode快捷键打开 Cmd+Shift+P.
输入

GitLab: Set GitLab Personal Access Token

在这里插入图片描述
然后输入公司gitlab的域名后回车

https://git.xxx.com

再粘贴access token回车，即可在左侧看到gitlab的效果
在这里插入图片描述

4. 结合gitlabMR使用

最后将需要自己review的MR上配置上自己的账号即可直接在vscode中实时查看当前正在review的MR
在这里插入图片描述

最后的最后特别强调一下，gitlab如果需要升级付费版本才能享受一个MR支持多个人同时review，否则一次只能将一个人设置成Reviewer，毕竟大家都要赚钱

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

工具

VSCode

前端

GitLab Workflow

前端代码审查利器：vscode插件GitLab Workflow 的相关文章

  • 什么是线程？以及线程的总结。(十小点1700字)

    1 什么是程序 进程和线程 2 创建线程的三种方式 3 继承Thread类来创建线程和实现Runable接口创建线程的区别 4 线程的方法 线程的优先级别 编辑 5 线程的状态以及图解 6 多线程的概念 优点 缺点 7 线程同步的概念 编辑

  • shell脚本中的if语句与case语句

    一 if语句 if语句从上至下按照顺序依次判定执行 格式如下 if 判定条件 如果 then 那么 elif 重新的一次判定 又如果 then 那么 else 否则 可以添加也可以不加 fi 结尾 倒写 注意 其中的elif不限个数 可以多

  • new与默认构造函数

    class A public A int i int 0 private int a b class B public 无需构造函数 因为数据成员的全部为public int a b c int main A a 3 B b 1 2 3 A

  • Python之selenium，使用webdriver模拟登录网站（含验证码）

    文章目录 一 前言 二 准备工作 三 模拟登陆网站 1 加载驱动和配置 2 打开网站 3 寻找元素并填入账号密码 4 填写验证码 四 遇到的一些坑 五 后记 一 前言 这段时间做了一个小项目 其中有一段需要自动获取网站后台的数据 但是这个网

随机推荐

  • 如何扩展mvc的消息转换器？

    问题 在服务端向客户端传输id时 由于是采用雪花算法 id长度足有19位之多 于是js接收时就产生了精度丢失问题 那么我们就需要扩展mvc的消息转换器来使后台传向前台的数据格式化为我们想要的格式 自定义消息转换器 public class

  • LaTex创建四级目录

    默认情况下 目录的深度是3级 也就是说 对于 ctexart article 文类 只对 section subsection subsubsection 编目 如果你的文档结构用到了 paragraph 一级 那么它将不会被编入目录中 但

  • Qt5类之QLine and QLineF

    QLine include

  • 成功解决 /bin/sh: 1: source: not found

    执行下列语句报错 解决办法 在命令行输入 exec bash 或直接输入bash 如下图 便可成功使用source命令

  • C++ 开发 Web 服务框架 - HTTP Web 框架的设计与实现（二）

    C 开发 Web 服务框架 HTTP Web 框架的设计与实现 一 概述 项目介绍 服务器开发中 Web 服务是一个基本的代码单元 将服务端的请求和响应部分的逻辑抽象出来形成框架 能够做到最高级别的框架级代码复用 本次项目将综合使用 C 1

  • 【unity】角色动画的 Has Exit Time是什么？什么时候需要打钩？

    场景 在动画的状态机Animator中的Transitions中总能看到Has Exit Time这个选项 到底是否勾选 探究 Has Exit Time 我的理解翻译过来是 是否有一个结束的时间 如果不勾选的话 就是没有结束的反应时间 那

  • 什么是IOC（控制反转），IOC的原理

    什么是控制反转 控制反转也可以理解为创建对象权利的交接 我们在获取对象时 都是采用 new 的方式 是主动的 现在 我们获取对象时 同时跟工厂要 由工厂为我们查找或者创建对象 是被动的 IOC的原理 IOC是通过反射 工厂 容器来完成了对象

  • Win11安装wsl2及深度学习环境配置（Win10应该类似）

    一 wsl2 Ubuntu安装 参考教程 https blog csdn net qq 36622589 article details 123402704 我是从第3步开始的 做到第9步结束就行 图形化我装了 但如果要安装pycharm专

  • Java学习之IDEA环境搭建

    Java学习之IDEA环境搭建 序言 PicGO的Gitee图床设置 owner QMei repo BlogHome path 环境搭建 IDEA环境搭建 同步 2020 11 1 IDEA 版本 Ultimate 2020 2 搜索功能

  • (ros/navigation/slam_gmapping) map_server地图服务器

    http wiki ros org map server 概述 map server提供map server ROS节点 它提供地图数据作为一个ROS服务器 也提供map saver命令行功能 能动态生成保存到文件中的地图 地图格式 包中通

  • leetcode872. 叶子相似的树(java)

    叶子相似的树 题目描述 递归 题目描述 难度 简单 leetcode 872 叶子相似的树 请考虑一棵二叉树上所有的叶子 这些叶子的值按从左到右的顺序排列形成一个 叶值序列 举个例子 如上图所示 给定一棵叶值序列为 6 7 4 9 8 的树

  • QT注册界面练习（信号与槽实现页面跳转）

    一 注册界面练习思路以及具体代码 在完成注册页面搭建的前提下 通过信号与槽机制实现多组件之间的相互通信 实现页面跳转 基本步骤 首先 将注册页面的登录按钮与成功登陆信号绑定 当用户名与密码均匹配时 关闭注册页面 发送跳转信号 其次 在成功登

  • 10款强大的开源 Javascript 图表库

    1 ECharts ECharts 由百度前端技术部开发的 是一个纯 Javascript 的图表库 可以流畅的运行在 PC 和移动设备上 兼容当前绝大部分浏览器 IE8 9 10 11 Chrome Firefox Safari等 底层依

  • 网络安全入门学习第九课——计算机网络基础

    文章目录 一 网路通信三要素 1 IP地址 互联网协议地址 分为公网地址和私有地址 1 1 公网地址的范围 1 2 私网地址的范围 2 端口 2 1 周知端口 2 2 注册端口 2 3 动态端口 3 协议 二 两个终端间通信的五大要素 三

  • vs 引用动态链接库

    1 添加头文件目录 工程 属性 配置属性 c c 常规 附加包含目录 加入头文件所在目录 2 添加静态库目录 工程 属性 配置属性 连接器 常规 附加库目录 加入lib文件所在目录 3 添加lib文件名 工程 属性 配置属性 连接器 输入

  • 浅谈电源芯片选型之低功耗

    浅谈电源芯片选型之低功耗 硬件电路设计中电源芯片选型必不可少 电源芯片选型的好坏关系到系统的稳定性 电源的转换效率等等 在低功耗产品设计中 更关系到系统睡眠或者低功耗模式时的系统总的耗电情况 低功耗产品设计中 电源芯片选型 暂时以LDO电源

  • SPI采样和输出指主从同时的采样和输出

    SPI总线是Motorola公司推出的三线同步接口 同步串行3线方式进行通信 一条时钟线SCK 一条数据输入线MOSI 一条数据输出线MISO 用于 CPU与各种外围器件进行全双工 同步串行通讯 SPI主要特点有 可以同时发出和接收串行数据

  • 使用Loki采集Kubernetes应用日志

    本文章旨在指导如何使用轻量级日志引擎Loki来采集Kubernetes的应用日志 并展示在grafana中 背景 最近我们公司的项目上了Kubernetes集群 产生的大量应用的日志需要采集起来 便于溯源问题 跟踪问题和及时报警 考虑到EL

  • #pragma once和#ifndef，#define，#endif

    pragma once和 ifndef define endif都有防止头文件重复包含的作用 所谓重复包含就是指在源文件中头文件被重复使用了同一个头文件 类似二次定义 造成冗余 1 程序员想出了利用 ifndef define endif防

  • 前端代码审查利器：vscode插件GitLab Workflow

    正经学徒 佛系记录 不搞事情 前言 使用此插件的目的很单纯 就是为了更快的通过IDE工具进行代码审查 优势 在现在互联网公司的Workflow工作模式下 开发的代码需要提交merge request MR 给同事进行代码审核 以往通过git

热门标签