这里对lint-staged的配置是:对src下的所有.js和.vue文件先代码检查,然后代码修复,最后添加至缓存区。此修复只会修复一些简单的eslint格式错误,修复不了的格式错误,就会报错提交失败。随后在校验提交信息的格式。 "husky": {"hooks": {"commit-msg":"commitlint -e $HUSKY_GIT_PARAMS","pre-commit":"lint-sta...
我们在项目的某个需求开发完,需要提交代码时会执行git commit命令,这个命令会触发 husky 的pre-commit 钩子,在这个钩子中调用了lint-staged命令,将暂存区中的文件进行匹配并作为eslint和prettier的输入,分别进行语法检查修复和代码格式化。 如果前面的命令都执行通过,则将改动过的文件进行暂存;接着触发husky的commit-m...
这时可以引入 lint-staged,它可以过滤出 Git 代码暂存区文件,这样就不会影响到未更改的文件 安装和设置 安装lint-staged #三个选一个,知乎这个编辑器对markdow扩展不是很好npmadd-Dlint-stagedpnpmadd-Dlint-stagedyarnadd-Dlint-staged 在package.json配置lint-staged所需要的规则 //这里只是示例,具体规则看自己的...
1、eslint (https://www.npmjs.com/package/eslint)open in new window) 代码检测工具,检测并提示错误或警告信息 2、 husky (https://www.npmjs.com/package/husky)open in new window) Git hooks 工具, 可以在执行 git 命令时,执行自定义的脚本程序 3 、 lint-staged (https://www.npmjs.com/packa...
@commitlint/cli 是一个基于 Node.js 的工具,可以在 Node.js 项目中使用。 二、安装与配置 1、安装依赖 pnpm add husky -D pnpm add lint-staged -D pnpm add @commitlint/cli @commitlint/config-conventional -D 1. 2. 3. 2、在项目根目录创建 .husky 目录 ...
Lint-staged lint-staged 是一个在 git add 到暂存区的文件运行 linters (ESLint/Prettier/StyleLint) 的工具,避免在 git commit 提交时在整个项目执行。 官方网站:https:///okonet/lint-staged Lint-staged 安装 npminstall-Dlint-staged 1. Lint-staged 配置 ...
配置好了之后,当我们进行git commit时,就会触发commit-msg钩子,执行commintlint命令,并且读取commitlint.config.js中的规则对我们的提交说明进行检查,如果校验不通过,将不能提交。 5. Git检查工作流 在介绍完Husky,Commitlint和Lint-staged之后,接下来,我们就可以将这几个工具结合起来,打造完整的Git检查工作流。下面给...
https://github.com/F-star/xigua-ui 结尾 husky 是一个很有用的工具,能够利用 git hook 在本地 commit 时,配合 eslint 等 linter 工具做文件的格式化,并配合 commitlint 校验 commit 信息格式,是工程化统一代码风格的一大利器。 我是前端西瓜哥,欢迎关注我,学习更多前端知识。
Lint-staged则用于代码格式化，避免全局处理影响他人代码，仅针对暂存区文件运行ESLint或Prettier。只需在package.json配置规则并设置pre-commit hook即可。Commitlint则用于校验提交消息，确保遵循团队约定的格式。安装时可配置全局或项目内，通过commit-msg脚本在每次commit时进行检查。这些工具的结合使用，为团队...
从零开始配置，首先初始化项目并设置git钩子，接着安装husky并启用git钩子，配置lint-staged以针对特定文件进行lint。通过配合eslint和prettier，确保代码质量。最后，使用commitlint规范提交信息，确保团队合作顺畅。在VSCode中，安装相应的插件以在编码阶段就遵循同样的规范，设置保存自动格式化功能，确保代码一致...