美文网首页
husky:提交代码前校验

husky:提交代码前校验

作者: 春暖花已开 | 来源:发表于2023-02-18 20:35 被阅读0次

    首先,确保已经执行了git init

    1. package.json配置:(注:npm的生命周期钩子:preinstall -> install -> postinstall -> prepublish -> preprepare -> prepare -> postprepare)
    {
      "scripts": {
        "prepare": "husky install",
        "prettier": "prettier --config .prettierrc.js -w"
      },
      "lint-staged": {
        "*.{js,jsx,ts,tsx,md,html,css}": [
          "yarn prettier"
        ]
      }
    }
    

    注: 如果不想在 package.json 配置lint-staged,可以单独建一个.lintstagedrc.json文件:

    {
      "*.{js,jsx,ts,tsx,html,css}": ["yarn prettier"]
    }
    
    1. 安装husky:
    yarn add husky lint-staged prettier -D
    
    1. 添加hook:husky add <file> [cmd]
    npx husky add .husky/pre-commit 'npx lint-staged'
    
    1. 添加prettierrc.js
    module.exports = {
      arrowParens: 'avoid',
      bracketSameLine: true,
      bracketSpacing: true,
      singleQuote: true,
      trailingComma: 'none',
      semi: false,
      printWidth: 120
    }
    

    安装husky lint-staged:

    yarn add --dev husky lint-staged
    npx husky install
    npm pkg set scripts.prepare="husky install"
    npx husky add .husky/pre-commit "npx lint-staged"
    

    参考

    lint-staged

    相关文章

      网友评论

          本文标题:husky:提交代码前校验

          本文链接:https://www.haomeiwen.com/subject/xopbkdtx.html