使用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

你可能感兴趣的:(使用Prettier完成git提交钩子前代码格式约束)