-
Prettier 是什么
-
一、安装Prettier
- npm install --save-dev --save-exact prettier
-
二、文件准备
- .prettierrc.js（配置文件）
- .prettierignore（忽略文件）
- 三、创建配置
-
四、格式化文档
-
1 - 命令行格式化
-
（1）格式化全部文档
- npx prettier --write .
- yarn prettier --write
-
（2）格式化指定文档
- npx prettier --check [文件路径]
- yarn prettier --check [文件路径]
- prettier --write './src/**/*.ts 格式化文件下所有的ts文件
- prettier --write './src/**/*.html 格式化文件下所有的html文件
- prettier --write './src/**/*.less 格式化文件下所有的less文件
- prettier --write './src/**/. 格式化文件下所有文件
-
（3）检查文档是否已经格式化
- npx prettier --check .
- yarn prettier --write .
-
（4）指定检查文档是否已经格式化
- 同上
-
-
2 - 利用编辑器插件进行格式化
- 在编辑器中搜索相应的 Prettier 安装，即可运用编辑器快捷键进行格式化。
-
3 - 集成在 ESLint 中
-
1 - 安装 eslint-config-prettier 插件
- npm i -D eslint-config-prettier
-
2 - 在eslint的配置文件中写入以下内容
- extends: ['plugin:prettier/recommended'], // 避免与 prettier 冲突
-
-
-
