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

2024-04-15 06:04:01

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

前言

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

优势

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

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

那相反的使用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，毕竟大家都要赚钱

前端代码审查利器：vscode插件GitLab Workflow相关推荐

前端40+精选VSCode插件
转载自 https://mp.weixin.qq.com/s/XBvImsj0y_fY5MpVCElUXg 前言姊妹篇:[利器篇]35+精选chrome插件,含15+前端插件,总有一款值得你停留[1 ...
前端开发利器--VScode（Visual Studio Code）
前言在前端开发中,有一个非常好用的工具,Visual Studio Code,简称VS code. 都不用我安利VS code,大家就会乖乖的去用,无数个大言不惭的攻城狮,都被VS code比德芙还 ...
前端开发利器Emmet插件的基本使用总结
1.Emmet的简介 Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的工具,能够实现 HTML.CSS 的快速编写. 官网地址:http://emmet.io/ 官方文档 ...
前端工程化-VSCode插件集成脚手架和组件库
本文字数:14404字预计阅读时间:37 分钟目录 VSCode插件能做什么? VSCode可扩展能力有哪些? 如何开发一个VSCode插件? VSCode插件如何集成基建的脚手架和组件库?(FA ...
chrome vue.js插件文档_前端开发者必备的40个VSCode插件！
前言:俗话说"君欲善其事,必先利其器."笔者也使用VScode开发有一段时间了,不得不说,VSCode是我目前用到的众多开发工具中最好使用的一款.当然这些功能大多得归功于VSCod ...
9个面向前端开发者的有用VSCode 插件工具
英文 | https://medium.com/frontend-canteen/most-useful-vscode-extensions-for-frontend-developer-7c0f7c ...
12个面向前端开发者真正有用的 VSCode 插件工具
英文 | https://medium.com/frontend-canteen/most-useful-vscode-extensions-for-frontend-developer-7c0f7c ...
走进前端 VScode插件安装 Gitee提交
一,认识前端什么是前端前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页.前端技术一般分为前端设计和前端开发,前端设计理解为网站网页的视觉设计,前端开发则是网站前台代码的实现, ...
【vscode插件集】学前端一年，珍藏的 40个 vscode 插件
猿生不能只有 Ctrl + C 和 Ctrl + V,还要有 Ctrl + D. 工欲善其事,必先利其器.今天给大家带来了博主学习前端一年多以来偷懒 ,呸~ 提升效率必备的 40 个 vscode 插 ...
走进前端，vscode插件的安装及使用
Part One 走进前端一.概述 web前端开发源网站设计,使用各种技术和框架创建页面系统呈现给用户的过程,通过编写代码的方式将图片.文字等素材在页面进行合理布局,达到与效果图相同的效果.前端开发 ...

最新文章

热门文章