前言

用了husky 7(.husky) ,里面钩子脚本无法很好的支持vscode git control这个功能
image.png

环境

  • mac
  • node管理工具(nvm)
  • husky 7

    问题

    举个真实场景的🌰

husky 7 初始化后会在工程根目录生成一个.husky目录,
她们推荐用脚本来划分不同的钩子拦截,所以我们加一个最常见的(pre-commit)
image.png
脚本逻辑很简单,就是执行的shell用的sh(这是最通用的shell了),
类unix和Linux基本都有内置这个~
若是你指定zsh这些,可能其他的环境不一定有zsh~

  1. #!/bin/sh
  2. . "$(dirname "$0")/_/husky.sh"
  3. # npx 就是node带的一个临时执行二进制的工具(默认会去拉取)
  4. npx lint-staged

逻辑很简单,就是提交之前走一边lint-staged的逻辑

若是你用命令行(在你的terminal),因为你能识别node的情况下,
这里面的钩子内容肯定是可以如期执行的~~

在GUI执行就会抛出这么一个
image.png
找不到npx , 第一反应你可能会觉得诧异,但是只是分析下就很清晰了;
我们指定的shell是sh,它里面的默认配置肯定不知道nvm在哪里。

解决

解决这个问题就是补全识别nvm,这里需要一些Linux知识,
其实也不是很复杂,就一些shell的组合

  1. #!/bin/sh
  2. . "$(dirname "$0")/_/husky.sh"
  3. if ! type node >/dev/null 2>&1; then
  4. echo 'node 未安装'
  5. if [ -d "$HOME/.nvm" ]; then
  6. echo "有.nvm这个目录"
  7. export NVM_DIR="$HOME/.nvm"
  8. [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
  9. matchNvmUseNodeVersion=$(nvm current)
  10. if [ "$matchNvmUseNodeVersion" == "none" ]; then
  11. echo "没有找到NVM设置的Node版本,请执行nvm install --lts"
  12. exit 1
  13. else
  14. echo "检测到nvm设置了有效的Node版本: $matchNvmUseNodeVersion"
  15. export PATH="$NVM_DIR/versions/node/$matchNvmUseNodeVersion/bin:$PATH"
  16. fi
  17. fi
  18. else
  19. echo 'node 已安装'
  20. nodeVersion=$(node -v)
  21. npmVersion=$(npm -v)
  22. echo "node 版本:$nodeVersion"
  23. echo $(which node)
  24. echo "npm 版本:$npmVersion"
  25. echo $(which npm)
  26. fi
  27. npx lint-staged --verbose

image.png

效果图

2021-07-22 15.00.59.gif

总结

有不对之处请及时留言,会及时修正,谢谢阅读