npx husky add .husky/pre-commit "npm test" 不起作用解决方案

背景

新建一个项目，一般前期的脚手架工作要做好，如配置eslint, 单元测试等，这对于项目后期维护有很大帮助。在多人开发的项目，我们一般用git来提交代码，那么git就提供了一些钩子给我们做一些事情，比如commit的时候可以插入一些eslint检查修复、跑单元测试的工作；这样子就保证每个人提交的代码都是符合代码规范和能够通过单元测试的, 达到减少bug的目的。

问题

现在我新建的项目，我要在pre-commit钩子去跑eslint修复和单元测试，那么我们一般用husky来接管git 的钩子，按照github的流程下载

第一步安装

npm install husky -D

第二步，在package.json添加prepare脚本 "prepare": "husky install"

"scripts": {
    "lint": "eslint .",
    "test": "npm run lint -- --fix && npm run test-local",
    "test-local": "egg-bin test",
    "prepare": "husky install"
  },

第三步，npm run prepare， 完了会发现项目根目录多了个.husky的目录

.husky

第四步，添加钩子，这一步就是配置我们需要做的事情，钩子有 pre-commit pre-push等，我现在就要配置pre-commit ，并且在这个钩子执行npm run test,如第二步所示，npm run test就是做了eslint修复与单元测试一起了

npx husky add .husky/pre-commit "npm run test"

结果这一步出问题了，这一步本意是在.husy目录下建立一个pre-commit文件,文件里面写好执行命令 "npm run test"; 但是呢按照教程走，并没有新建这个文件。.husky 目录除了初始化一个_目录外， 空空如也。

./husky

于是先去百度查一下，没有找到这个问题，我再去issue看，发现有人也遇到这个问题，原来是win10的才会有这个问题，可能mac的第四步不会有问题

win10的解决方案

最后看了这个issue: Can't add a hook 得到解决办法：

npx husky add .husky/pre-commit "npm run test"

改为

npx husky add .husky/pre-commit "npm-run-test"

然后执行完发现有了这个./husky/pre-commit文件，但是里面的命令npm-run-test 要改为 npm run test

pre-commit.png

至此，解决问题，最后，git add . 再git commit -m 'add pre-commit hook'；会发现按照预期走eslint 和 单元测试

pre-commit