前端

代码提交规范 husky + commitlint + lint

2021-09-10  本文已影响0人  不伟心

依赖版本

安装依赖

依次在项目根目录执行如下两条命令

npm install husky --save-dev
npx husky install
npm set-script prepare "husky install"   

一定要检查有这个命令,否则团队合作,其他电脑上husky是失效的。目标在于在npm  install 之后激活从近程拉取来的git钩子。

package.json {  "scripts": {    "prepare": "husky install"  } }

此时 husky 安装完成 ,根目录下生成了 .husky 文件夹

安装 lint-staged

npm install lint-staged

安装 commitlint

npm install -g @commitlint/cli @commitlint/config-conventional
至此,依赖安装完成

编辑配置

  1. package.json 中添加
  "lint-staged": {
    "**/*.{js,ts,tsx,json,jsx,less}": [
      "node ./scripts/lint-prettier.js",
      "git add"
    ],
    "**/*.{js,jsx}": "npm run lint-staged:js",
    "**/*.less": "stylelint --syntax less"
  },

2在 .husky 文件夹下找到刚刚安装依赖生成好的 pre-commit 文件,添加 npx lint-staged

#!/bin/sh
. "$(dirname "$0")/_/husky.sh"

npx lint-staged

如果没有pre-commit 文件可以执行

npx husky add .husky/pre-commit "npx lint-staged" 

git add .husky/pre-commit

3.在 .husky 文件夹下新建 commit-msg 文件,填入如下信息

#!/bin/sh. "$(dirname "$0")/_/husky.sh"npx  commitlint --edit $1

如果没有commit-msg 文件可以执行

npx husky add .husky/commit-msg "npx  commitlint --edit $1" git add .husky/commit-msg

4.在项目根目录下新建 commitlint.config.js 文件 ,写入如下内容

module.exports = { extends: ['@commitlint/config-conventional'] };

至此,所有配置完成

测试

新建一个不符合 Eslint 规则的文件,在进行 commit 提交时,会拒绝本次 commit
执行 npm run lint --fix 修复文件后 ,执行一条不符合规范的提交 git commit -m 'cesssss',同样会被拒绝提交,终端会显示错误信息

上一篇下一篇

猜你喜欢

热点阅读