当前位置: 首页 > article >正文

Vue3 -- 项目配置之husky【企业级项目配置保姆级教程4】

引言:

  • eslint:代码规范校验
  • prettier:代码格式化
  • stylelint:CSS代码校验

上述三篇文章集成配置完成代码校验工具,当时需要每次手动的去执行命令才会格式化我们的代码。。如果有人没有格式化就提交了远程仓库,那么这个规范其实就没什么用。
所以我们需要利用 husky 在代码提交之前触发git hook(git在客户端的钩子),然后执行 pnpm run format 来自动的格式化我们的代码。

配置husky:

安装husky:

pnpm install -D husky

生成husky目录:

npx husky-init

修改.husky/pre-commit文件:

#!/usr/bin/env sh
. "$(dirname -- "$0")/_/husky.sh"
pnpm run format

在这里插入图片描述

测试:

在这里插入图片描述
不整齐的代码如上图,

git add . 添加代码到暂存区:

在这里插入图片描述

git commit -m "" 命令是将暂存区的更改保存到本地仓库中:

在这里插入图片描述

然后我们发现我们的代码在git commit的时候就格式化了!

在这里插入图片描述

git push 将这个提交推送到远程仓库:

在这里插入图片描述


http://www.kler.cn/a/397836.html

相关文章:

  • python实现十进制转换二进制,tkinter界面
  • Qt / Qt Quick程序打包的一些坑 (四)
  • 量化交易系统开发-实时行情自动化交易-3.4.3.3.期货市场深度数据
  • c# Encoding.GetEncoding
  • Python毕业设计选题:基于django+vue的二手物品交易系统
  • sqli-labs靶场17-20关(每日四关)持续更新!!!
  • 【青牛科技】D4147漏电保护电路介绍及应用
  • 刘艳兵-DBA038-以下关于Oracle SGA和PGA的描述中,哪些是正确的?
  • (不看后悔系列二)python网络爬虫爬取网络视频
  • uniapp设置tabBar高斯模糊并设置tabBar高度占位
  • 【客户服务】互联网时代客户投诉处理金点子
  • java对接php系统的AES加密 但是提供的key不符合长度的PKCS7填充补全
  • 工化企业内部能源能耗过大 落实能源管理
  • unity 一个物体随键盘上下左右旋转和前进的脚本
  • 【鸿蒙开发】第十四章 Web组件的使用、基本属性与事件
  • leetcode 扫描线专题 06-leetcode.252 meeting room 力扣.252 会议室
  • LeetCode 90-子集Ⅱ
  • 高阶C语言补充:柔性数组
  • python实战案例----使用 PyQt5 构建简单的 HTTP 接口测试工具
  • 机器学习-基本术语
  • html中select标签的选项携带多个值
  • 【EasyExcel】复杂导出操作-自定义颜色样式等(版本3.1.x)
  • 【因果分析方法】MATLAB计算Liang-Kleeman信息流
  • 网络物理隔离应用
  • 【JavaScript】LeetCode:96-100
  • 革新预测领域:频域融合时间序列预测,深度学习新篇章,科研涨点利器