husky：提交代码前校验

首先，确保已经执行了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"]
}

2. 安装husky：

yarn add husky lint-staged prettier -D

3. 添加hook：husky add <file> [cmd]

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

4. 添加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