【笔记】Prettier学习笔记

发表于 更新于 阅读次数：

前言

Prettier is an opinionated code formatter（官网）

通过prettier/prettier检查JS代码并自动格式化代码

下载依赖

1
npm install -D prettier

创建配置文件

useTabs：是否使用制表符缩进
tabWidth：指定缩进大小
printWidth：指定每行代码的长度
singleQuote：是否使用单引号
trailingComma：是否添加尾随逗号
semi：是否添加行尾分号

.prettierrc.json
1
2
3
4
5
6
7
8
{
  "useTabs": false,
  "tabWidth": 2,
  "printWidth": 80,
  "singleQuote": false,
  "trailingComma": "none",
  "semi": true
}

排除文件

.prettierignore
1
2
3
/node_modules/**
/public/**
/dist/**

检测代码

  • 检测代码，输出格式化后的代码
1
npx prettier <file>

检测代码并自动格式化代码

<file>：被修复的JS代码、CSS代码

1
npx prettier --write <file>

完成