pretter

226 阅读1分钟

什么是pretter

Prettier 是一个固执己见的代码格式化程序,它删除了所有原始样式并确保所有输出的代码符合一致的样式。 Prettier 获取您的代码并考虑行长度,从头开始重新打印它。

pretter官网

安装pretter

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

配置prtter

生成prtter的配置文件

echo {}> .prettierrc.json

执行成功后会生成名为.prettierrc.json的文件,这个是prtter的配置文件,也可以是.prettierrc.js,.prettierrc.cjs看各自的需求不一定是json类型的文件

pretter配置文件说明

忽略文件

.prettierignore 这个文件可以用来忽略那些你不想使用prtter格式化的文件,一般是那些依赖或者是编辑器的配置文件

搭配 eslint 使用

如果您使用 ESLint,请安装eslint-config-prettier以使 ESLint 和 Prettier 能够很好地配合。它关闭所有不必要或可能与 Prettier 冲突的 ESLint 规则。Stylelint 有一个类似的配置:stylelint-config-prettier

安装 eslint-config-prettier

npm install --save-dev eslint-config-prettier

配置 eslint-config-prettier

将下面的内容填写到eslint的配置文件中

{
  "extends": [
    "prettier"
  ]
}