结合git在提交代码前进行eslint检测

最新推荐文章于 2024-03-09 15:43:35 发布
最新推荐文章于 2024-03-09 15:43:35 发布
阅读量1.8k 收藏 2
点赞数
分类专栏： web工程构建 JavaScript 文章标签： git github
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zihao6/article/details/125684187
版权

背景：
管理团队代码规范，需要对团队成员提交的代码进行校验。
结合git在提交代码前进行检测，前提是你已经安装了eslint，并且对规则有了一定的配置。

GitHub地址
https://github.com/okonet/lint-staged

使用 lint-staged插件
npx mrm@2 lint-staged

安装后会有两个包
在这里插入图片描述

husky (起到git拦截作用，类似于拦截器)
lint-staged (commit之前拿到暂存区的代码进行代码检测)

会多一条命令
“prepare”: “husky install”
clone过的代码需要执行这个代码挂载钩子(执行npm后会自动执行)，意思是如果别人已经把你的代码拉下来了，需要执行这个命令，如果是新clone下来的那就不需要。
在这里插入图片描述

在package中配置
提交这些文件进行eslint检测
先执行npm run lint 再执行 git add，也可以把git add 去掉，这样做是因为先执行run lint 可能会修复一些代码，需要重新加到暂存区，所需git add
在这里插入图片描述

WebEpoch
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Git提交代码工具SourceTree
01-24
Git提交代码工具SourceTree Git提交代码工具SourceTree
通过Git将代码提交到GitHub（上）
02-25
在博文“利用SSH完成Git与GitHub的绑定”中，咱们完成了本地Git与远程GitHub的绑定，这意味着咱们已经可以通过Git向GitHub提交代码啦！但是在进行演示之前，咱们需要先了解两个命令，也是咱们在将来需要经常用到的两个命令，分别为push和pull.push：该单词直译过来就是“推”的意思，如果咱们本地的代码有了更新，为了保持本地与远程的代码同步，咱们就需要把本地的代码推到远程的仓库，代码示例：gitpushoriginmasterpull：该单词直译过来就是“拉”的意思，如果咱们远程仓库的代码有了更新，同样为了保持本地与远程的代码同步，咱们就需要把远程的代码拉到本地，代码示例：
pre-commit - 自动化代码检查与修复工具
最新发布
gitblog_00001的博客
03-09 368
推荐一款实用的代码提交钩子工具 pre-commit 项目简介 pre-commit 是一个用于在 Git 提交前运行一系列自定义检查脚本的工具。它可以帮助开发者确保提交的代码质量，并符合团队的编码规范。 项目地址：https://gitcode.com/jish/pre-commit?utm_source=artical_gitcode 应用场景 代码质量检查 使用 pre-commit 可以在...
idea git未提交代码文件名字变色(图解)
08-19
主要介绍了idea git未提交代码文件名字变色,本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
eslint-plugin-sonarjs：针对ESLint的SonarJS规则
02-05
eslint-plugin-sonarjs SonarJS规定ESLint可检测代码中的错误和可疑模式。 规则 错误检测 :bug: 此类别中的规则旨在在代码中找到很有可能成为错误（即无法按预期工作）的位置。 条件结构中的所有分支都不应具有完全相同的实现（ ） 集合元素不应无条件地替换（ ） 函数调用不应传递额外的参数（ ） 相关的“ if / else if”语句不应具有相同的条件（ ） 二进制运算符的两侧不应使用 （ ） 最多重构 （ ） 不返回任何内容的函数的输出不应使用（ ） 代码气味检测 :pig_face: 对于将来可能更改成本很高的代码位置，会产生代码气味或可维护性问题。
通过Git将代码提交到GitHub（下）
02-25
在博文“通过Git将代码提交到GitHub（上）”中，咱们已经介绍了向GitHub提交代码时的第一种情况，即：本地没有Git仓库，这时咱们就可以直接将远程仓库clone到本地。通过clone命令创建的本地仓库，其本身就是一个Git仓库了，不用咱们再进行init初始化操作啦，而且自动关联远程仓库。咱们只需要在这个仓库进行修改或者添加等操作，然后commit即可。接下来，咱们继续介绍向GitHub提交代码时可能遇到的第二种情况，即：本地有Git仓库，并且咱们已经进行了多次commit操作。仍然以博主的开源项目为例，不过这次换成springmvc-tutorial项目进行演示。首先，建立一个本地“仓
SonarEsLintPlugin：用于EsLint linter的SonarQube插件
02-05
========================== SonarEsLintPlugin 用于EsLint linter及其扩展的SonarQube插件。 该代码基于sleroy发布的Eslint插件。 下载。 基本上，该插件将对sleroy插件的EsLint静态分析与rochejul所做的关于lint问题的描述改进相结合。 还添加了新的质量规则并更新了一些严重性。 似乎SonarJS现在支持导入eslint result.json： ://docs.sonarqube.org/display/PLUG/Importing+ESLint+Issues+Reports 该插件现在不
git commit 提交规范之ESlint规范校验
mrhaoxiaojun的博客
11-12 5728
在软件开发过程中，代码风格检查（Code Linting）是保障代码规范和一致性的有效手段。过去，Lint 的工作一般在 CodeReview 或者 CI 的时候进行，但这样会导致问题的反馈链，浪费不必要的时间。因此，我们需要利用 Git 的 Pre Commit 钩子，将 Lint 过程放到开发者提交代码之前。 简介 简单介绍一下这三个工具： prettier 用来优化代码格式，比如缩进、空格、分号等等 husky可以用于实现各种 Git Hook。这里主要用到 pre-commit这个 hook，在.
Eslint 规则说明
05-18 874
1 "no-alert": 0,//禁止使用alert confirm prompt 2 "no-array-constructor": 2,//禁止使用数组构造器 3 "no-bitwise": 0,//禁止使用按位运算符 4 "no-caller": 1,//禁止使用arguments.caller或arguments.callee 5 "no-cat...
Git 提交规范之GIt工作流规范（Husky+eslint+stylelint+pretty+Commitlint+ lint-staged）
半夏_2021的博客
05-03 3219
Git 提交规范之Git工作流 Husky + eslint + stylelint + pretty + commitlint + lintStaged
git提交代码遇到eslint报错
m0_71735156的博客
01-05 2370
今天提交代码遇到eslint报错，应该是版本的问题，项目的版本是7.28.0，但是这上面检测的版本显示7.32.0，试过很多办法，重装eslint更新到7.32.0还是一直失败，重新下载依赖包也不行。最后直接忽略eslint更新就可以提交啦，具体操作如下 第一步：git add . 第二步：git commit --no-verify -m "注释的内容" 第三步：git pull origin 自己的分支名称 第四步：git push origin 自己的分支名称(这时候可能会遇到合并冲突的
IDEA中SonarLint插件的安装与配置
热门推荐
baixf的博客
03-13 7万+
本文内容概要 本文介绍了IDEA SonarLint插件的装,以及配置SonarLint使用 SonarQube的规则. 注意:不含有SonarQube安装和使用. 代码管理Sonar和SonarLint简介 Sonar简介摘自sonar百度百科 Sonar（代码质量管理平台）是一个开源平台，用于管理Java源代码的质量。从 Sonar 1.6 版本开始，Sonar从一个质量数据报告工具，转变成...
年终奖翻倍了，就因为用了Sonar
iiopsd的博客
12-06 920
Sonar 大致分为IDEA 插件版本的SonarLint 和带有非常友好功能强大GUI 的SonarQube 代码质量平台，完全能满足我们的需求。并且Sonar 提供了面向gitlab、jekins、maven 的无缝对接支持，是当下最活跃热门的代码质量扫描工具。
代码质量检测（三）—— SonarLint和SonarQube的本地使用
liaoguangxi的博客
06-30 4492
在弹窗窗口里,填写这个SonarLint的名称，选择的右边配置，输入sonarQube IP和端口号，完成后点击Next.设置认证方式，有Token和用户名密码两种方式，根据自己的情况选择对应方式进行配置。这里选择账号密码的形式，默认为admin/admin。开启自动分析，这里上面红框。
git commit提交代码的时候，出现eslint校验时，如何直接暴力跳过检测提交代码
陈先生的博客
08-25 781
因为接到一个项目，里面有各种eslint代码校验，导致提交了很久都没提交上。想找一个暴力的方法直接提交。可以直接在命令行或者soucetree进行提交代码了。找到/git/hooks/pre-commit文件。找到项目的根目录上，
基于ESLint+Prettier+Stylelint+git提交规范的团队规范指南
qq_52839794的博客
11-03 299
团队规范配置教程，四大规范体系相结合，对团队成员的代码开发进行严格规范，使代码更易维护，保证代码的质量和规范性。
git+maven+sonar对代码提交前进行质量检查方案
MyBossdog的博客
03-29 2237
git+maven+sonar git+maven+sonar对代码提交前进行质量检查方案 参考文章：https://baijiahao.baidu.com/s?id=1698285025213588807&wfr=spider&for=pc 文章目录git+maven+sonar前言一、git的钩子hook 介绍二、使用步骤1.在Java项目配置pom.xml2.验证结果3.尝试git提交代码执行sonar总结 前言 为了规范代码质量，使开发人员写出更高质量的代码，实践了一下git-ho
如何在 Git 提交前进行代码质量检测
sqc157400661的博客
11-02 5138
# 规范代码 本次只有检测要提交代码中是否存在调试代码 ！！后期版本加上代码语法和质量等检测！！！ # 适用于 win mac linux
超全面的前端工程化配置指南（eslint+prettier+git提交自动校验和发布）
wuxiaoying888的博客
04-19 2376
超全面的前端工程化配置指南（eslint+prettier+git提交自动校验和发布）
git提交代码前先要拉取代码
07-26
- *1* *2* [Git提交代码前未拉取最新远程代码，推送（push）远程空间时报错](https://blog.csdn.net/qq_41930094/article/details/112347389)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630",...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值