本篇内容介绍了“vue-cli怎么创建的项目中的gitHooks”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！在package.json文件中会发现gitHooks、lint-staged等字段，不难看出它是在我们执行 git 命令的时候会自动执行的一些额外的操作，比如语法提示、错误提示等。这个完整的过程是怎样的呢？流程解析yorkie 包执行vue create命令的时候，会安装一个包，叫： yorkie ，这个包是尤大 fork 自 husky 的，它俩功能是一样的，都是生成一些 git hooks 文件，读取项目中package.json的相关配置项去执行一些命令，区别是尤大做了一些逻辑和配置上的改动。安装完这个包以后，会自动执行 yorkie 包里面的一个脚本：bin/install.js：这个脚本会在你项目下的.git/hooks目录中生成很多 git hooks 文件：当你执行一些 git 命令的时候，比如：git push, git commit等，git 就会执行相应的 hook。package.json以git commit -a -m'123'这个命令为例子，执行这个命令的时候，git 会去执行 pre-commit 这个 hook。先把package.json的相关内容贴出来，让大家先有个印象：pre-commit hook接下来我们看 pre-commit 的文件内容：可以看到 pre-commit 文件去检查了一下package.json文件中是否定义了pre-commit，如果定义了，就执行 yorkie 的runner.js脚本。yorkie 的 runner.js 脚本我们继续看runner.js脚本的内容：从这个过程中可以看到，当我们执行git commit -a -m'123'这个 git 命令的时候，git hook 执行了 yorkie 香港云主机的一个脚本去读取了package.json文件中的内容，取到相关的配置项，然后执行配置项中的命令。在上述例子中，因为执行了lint-staged命令，它会读取package.json中的"lint-staged"配置项，进而又继续执行了vue-cli-service lint这个命令，整个执行的过程就像像链条一样一环连着一环，直到所有命令都执行完毕。实践明白了这个流程后，在项目中就可以根据需求灵活地做一些配置了，比如在执行commit-msghook 的时候加上commitlint，规范协作者提交的git 信息，加上这个以后，执行之前的示例命令：git commit -a -m'123'就会有提交信息不规范的错误提示，根据提示改成：git commit -a -m'feat: 123'就可以提交了。同样的，与pre-commit搭配使用的lint-staged，也可以加上一些命令，比如这里加了pretty-quick用来统一代码格式。示例：“vue-cli怎么创建的项目中的gitHooks”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注开发云网站，小编将为大家输出更多高质量的实用文章！
本篇内容主要讲解“Win10鼠标光标消失了怎么办”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“Win10鼠标光标消失了怎么办”吧!第一步：点击电脑“开始”菜单，选择“电源选项”。第二步：点击“电源和睡眠”下的“其他…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
