博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端代码风格自动化系列(四)之Prettier
阅读量:7073 次
发布时间:2019-06-28

本文共 720 字,大约阅读时间需要 2 分钟。

是一个支持多语言的代码格式工具,如常用的:jsjsxVueFlowTsHTMLCSS等,非常全面,将代码解析为AST,然后重新组装,目的是最终输出风格统一的代码,对比eslint对error的fix要强一些,如最大长度的改动,eslint只是对有问题的地方进行格式化修改,不改动源代码风格,而prettier是对全量的代码进行格式化。

安装

npm install --save-dev prettier

配置

// package.json{  "husky": {    "hooks": {      "pre-commit": "lint-staged"    }  },  "lint-staged": {    "*.{js,json,css,md}": ["prettier --write", "git add"]  }}

这里我们结合之前用到的huskylint-staged,默认prettier是直接标准输出到终端的,--write,这个配置代表直接改写文件。

这里有个官网的例子

foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());

格式化之后

foo(  reallyLongArg(),  omgSoManyParameters(),  IShouldRefactorThis(),  isThereSeriouslyAnotherOne());

prettier让我们专注于业务逻辑,无需再纠结代码风格,配合其它工具,实现了代码提交到仓库前,统一格式化。

转载地址:http://gmkml.baihongyu.com/

你可能感兴趣的文章
NSA用OpenFlow,间谍机构的SDN轰趴
查看>>
iOS 网络--图片库本地选取
查看>>
GVIM中文乱码问题(文本及菜单乱码)
查看>>
zabbix_agentd 服务启动
查看>>
Yii2 如何关闭debug
查看>>
Oozie Bundle 规范
查看>>
VMWare下虚拟机NAT共享方式上网的配置说明
查看>>
NAT另类使用方式
查看>>
http之缓存的实现原理
查看>>
开启归档并更新归档目录
查看>>
Mac技巧之用键盘利器 Alfred 直接搜索 iTunes Store 或 Mac App Store 应用商店的方法
查看>>
C/MFC如何获得应用程序当前路径(整理)
查看>>
ES5新特性
查看>>
CentOS Mahout部署
查看>>
很简单,但很实用:数组键值的用途
查看>>
libstdc++.so.6: version `GLIBCXX_3.4.21'
查看>>
Ionic2构建iOS应用上传总结
查看>>
TIMESTAMP with ****问题连不上mysql
查看>>
Linux Tomcat 下的项目局域网中访问不了
查看>>
Git详解之三 Git分支(第二部分)
查看>>