当前位置: 首页 > Web前端 > vue.js

5.标准化编程规范解决方案之代码格式提交规范处理

时间:2023-03-31 22:14:18 vue.js

在ESLint和Prettier两章中,我们讲解了如何处理local!代码格式问题。但是这样的格式处理问题只能在本地处理,我们还需要在VSCode中手动配置自动保存。那么就会有一个问题,如果有人忘记配置这个东西怎么办?万一他把代码写的乱七八糟直接提交了怎么办?所以我们需要一种方法来避免这种风险。那么如果要完成这样的操作,就需要借助husky和eslint来实现。我们期望通过husky来监控pre-commithook,在hook下执行npxeslint--ext.js,.vuesrc命令进行相关检测:executenpxhuskyadd.husky/pre-commit"npxeslint--ext.js,.vuesrc”添加commithook(npxeslint--ext.js,.vuesrc会在hook执行时运行)这个操作会生成对应的文件pre-commit:关闭自动保存操作VSCode修改a,执行commit操作,会发现抛出一连串的错误,无法提交代码。如果要提交代码,则必须处理所有错误消息。所以在这里,我们已经通过pre-commit检测到代码的提交规范问题。所以这里一切都好吗?这个世界上从来不缺少懒惰的人。错误的代码格式可能会抛出大量的ESLint错误,让人头皮发麻。严重影响程序员的幸福指数。那么有没有办法让程序员在0配置的前提下,不管代码格式有多乱,都“自动”帮他修复相应的问题并完成提交呢?别告诉我,真的有!那我们就看下一节《标准化编程规范解决方案之自动修复 lint-staged》