一篇文章读懂 Prettier CLI 命令:从基础到进阶 (3)

Prettier 命令行工具

Prettier 提供了一个强大的命令行界面 (CLI),允许用户通过命令行来格式化代码。在 package.json 中,你可以配置一个脚本来运行 Prettier,例如:

json 复制代码
"scripts": {
  "format": "prettier --write ."
}

这个脚本会使用 Prettier 来格式化当前目录及其子目录中的所有支持的文件,并将更改写回原文件。

基本命令格式

Prettier 的 CLI 命令的基本格式如下:

bash 复制代码
prettier [options] [file/dir/glob ...]
  • options:格式化的选项。
  • file/dir/glob:要格式化的文件、目录或通配符。
常见的命令选项
  1. --write 或 -w

    • 描述:将格式化后的代码写入原文件。

    • 示例:

      bash 复制代码
      prettier --write file.js
      prettier -w "src/**/*.js"
  2. --check

    • 描述:检查文件是否已经按照 Prettier 规则进行了格式化。如果所有文件都已格式化,则输出 All matched files use Prettier code style!;否则,显示哪些文件还没有被格式化。

    • 示例:

      bash 复制代码
      prettier --check .
  3. --find-config-path--config

    • --find-config-path:显示找到的配置文件路径。

    • --config:指定配置文件的路径。

    • 示例:

      bash 复制代码
      prettier --config ~/configs/prettier.json --write .
  4. --no-config

    • 描述:不读取任何配置文件,直接使用 Prettier 默认的配置。

    • 示例:

      bash 复制代码
      prettier --no-config --write .
  5. --ignore-path

    • 描述:指定忽略文件(.prettierignore)的路径。

    • 示例:

      bash 复制代码
      prettier --ignore-path ~/configs/ignore/.prettierignore --write .
  6. 规则的配置

    • 描述:可以在 CLI 命令中直接配置 Prettier 的规则。不过,这种方式只适用于少量规则的快速配置。对于大量规则,建议使用单独的配置文件。

    • 示例:

      bash 复制代码
      prettier --single-quote --semi false --print-width 80 --write .
示例

假设你有一个项目结构如下:

复制代码
my-project/
├── src/
│   ├── index.js
│   └── utils/
│       └── helper.js
├── package.json
└── .prettierrc

你可以在 package.json 中添加以下脚本:

json 复制代码
{
  "name": "my-project",
  "version": "1.0.0",
  "scripts": {
    "format": "prettier --write .",
    "check": "prettier --check ."
  }
}

然后你可以使用以下命令:

  • 格式化整个项目:

    bash 复制代码
    pnpm run format
  • 检查项目中的文件是否已经格式化:

    bash 复制代码
    pnpm run check
  • 使用特定配置文件进行格式化:

    bash 复制代码
    prettier --config ~/configs/prettier.json --write .
  • 忽略特定文件并格式化:

    bash 复制代码
    prettier --ignore-path .gitignore --write .
  • 不使用配置文件,直接使用默认配置进行格式化:

    bash 复制代码
    prettier --no-config --write .

通过这些命令,你可以灵活地使用 Prettier 来格式化你的代码,确保代码风格的一致性和可读性。

相关推荐
yzzzzzzzzzzzzzzzzz11 分钟前
初识javascript
前端·javascript
excel1 小时前
硬核 DOM2/DOM3 全解析:从命名空间到 Range,前端工程师必须掌握的底层知识
前端
专注API从业者8 小时前
Python + 淘宝 API 开发:自动化采集商品数据的完整流程
大数据·运维·前端·数据挖掘·自动化
烛阴9 小时前
TypeScript高手密技:解密类型断言、非空断言与 `const` 断言
前端·javascript·typescript
样子201810 小时前
Uniapp 之renderjs解决swiper+多个video卡顿问题
前端·javascript·css·uni-app·html
Nicholas6810 小时前
flutterAppBar之SystemUiOverlayStyle源码解析(一)
前端
黑客飓风10 小时前
JavaScript 性能优化实战大纲
前端·javascript·性能优化
emojiwoo12 小时前
【前端基础知识系列六】React 项目基本框架及常见文件夹作用总结(图文版)
前端·react.js·前端框架
张人玉12 小时前
XML 序列化与操作详解笔记
xml·前端·笔记
杨荧12 小时前
基于Python的宠物服务管理系统 Python+Django+Vue.js
大数据·前端·vue.js·爬虫·python·信息可视化