使用Prettier完成git提交钩子前代码格式约束

又是踩坑的一天,这个又得记录下来,真的有毒这个东西

首先我们需要在项目里配置如下配置,安装prettier

npm install prettier --save-dev --save-exact

这样其实我们项目就配置好了,可以使用以下命令来测试是否可用

// 在learn-prettier/src目录下创建index.js文件,然后自己写一些JS代码。JS代码用上文那个超长的foo(......)就可以,自己也可以改的更乱一些,但必须符合JS语法。

npx prettier --write src/index.js

// 在看格式化之后的index.js,已经重新输出成固定格式了。

接下来就是配置git的pre-commit的hooks了

// 这一行就可以安装husky和lint-stage,并且配置好husky。

npx mrm lint-staged

之后在package.json配置如下内容就行了

"husky":{

    "hooks":{

        "pre-commit":"lint-staged"

    }

},

"lint-staged":{

        "*.{js,css,md,ts,tsx}":[

        "prettier --write",

        "git add"

    ]

}

这样就行了,参考文献在此

https://zhuanlan.zhihu.com/p/81764012?from_voters_page=true

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容