又是踩坑的一天,这个又得记录下来,真的有毒这个东西
首先我们需要在项目里配置如下配置,安装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