husky prettier pretty-quick简单配置

prettier 是代码格式化工具,利用git的hooks机制,在提交commit时自动调用 pretter 进行格式化。实现这一点,还需要 Huksy、pretty-quick 这两个工具。

husky 则是社区常用的 git hook 工具,能够在 git 进行一些动作(如 commit/push)时自动执行一些 node script。 husky官网

pretty-quick 在更改的文件上运行Prettier,是常见的两种格式化辅助工具。pertty-quick地址

安装 prettier pretty-quick

  npm i -D --save-exact prettier
  npm i pretty-quick -D

prettier简单配置地址

执行 npx prettier --write src/main.js 测试文件是否格式化了

pertty-quick : npx pretty-quick --staged --pattern “src/**”

–staged(只有 git)

预提交模式。在此标志下,只有暂存的文件将被格式化,格式化后它们将被重新暂存。
部分暂存的文件在格式化后不会被重新暂存,并且相当快的将以非零退出代码退出。目的是中止 git 提交并允许用户修改他们的选择性暂存以包括格式修复。

–pattern

过滤给定minimatch模式的文件。
例如pretty-quick --pattern “/.(js|jsx)"或pretty-quick --pattern "/.js" --pattern "**/.jsx”

安装husky

1.安装

   npm install husky -D

2.添加脚本

方式一:npm set-script prepare "husky install"这样就会在package.json里面添加一条脚本 {“scripts”: {“prepare”: “husky install” }}

方式二: 直接在package.json文件的scripts里面 增加 “prepare”: “husky install”

3.执行 npm run prepare

执行之后会发现项目根目录多了个.husky的目录及文件

 // husky 基本命名
 husky install [dir] (default: .husky)
 husky uninstall
 husky set|add <file> [cmd]

图片

4. 添加 pre-commit 文件

  npx husky add .husky/pre-commit "npm run test"
  // "npm run test" 是你需要执行的操作
  // 例如: npx pretty-quick --staged --pattern "src/**"

图片

如果没有生成pre-commit 文件,可能原因是 是win10 会有这个问题,将命令改为npx husky add .husky/pre-commit “npm-run-test”,执行完有了这个./husky/pre-commit文件之后,需要将里面的命令npm-run-test 改为 npm run test

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
回答: 当你在终端输入git commit -m "XXX"提交代码时,如果遇到husky > pre-commit的问题,这是由于pre-commit文件导致的提交失败。pre-commit文件是.git文件夹下的一个文件,它是pre-commit(客户端)钩子,会在Git键入提交信息前运行做代码风格检查。如果代码不符合相应规则,则会报错。解决这个问题有以下三种方案:\[1\]\[2\]\[3\] 1. 卸载husky。可以在项目的package.json文件中删除devDependencies节点下的husky库,然后重新运行npm i命令,或者直接在项目根目录下执行npm uninstall husky --save命令。 2. 找到项目中的.git文件夹,进入hooks文件夹,找到pre-commit文件,将其删除。这样就能成功提交代码了。 3. 使用souceTree等工具提交代码时,可以检查代码风格是否符合规则,如果不符合则进行相应的修改。 #### 引用[.reference_title] - *1* [git commit 提交的时候报错husky > pre-commit hook failed (add --no-verify to bypass)的原因和一些小...](https://blog.csdn.net/CJamenc/article/details/111316791)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [Git提交代码报错husky 」 pre-commit](https://blog.csdn.net/qq_35695023/article/details/114022989)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [git commit提交时报错husky > pre-commit (node v14.19.3)](https://blog.csdn.net/qq_24518001/article/details/128162152)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值