一篇文章读懂 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 来格式化你的代码,确保代码风格的一致性和可读性。

相关推荐
小码哥_常2 小时前
一套自己部署的 IM,客户端是同一份 Flutter
前端·后端
蜗牛攻城狮4 小时前
微前端四大方案选型对比与最佳实践:qiankun、micro-app、wujie、Module Federation
前端·微前端·qiankun·前端架构·micro-app·wujie
她说可以呀5 小时前
Vue插槽
前端·javascript·vue.js
qq_448011166 小时前
Vue + Jinja2两套模版与法冲突造成undefinedError
前端·javascript·vue.js
aixingpan6 小时前
aixingpan.cn API开发文档:前端查询夏令时和时区接口指南
前端·php
2601_958352907 小时前
23.5×19mm 换掉一整条音频链?|A-68 集成了什么:ADC / DAC / 24.576MHz 时钟 / AEC / 波束降噪,主控仅需 6 根线
前端·音视频·ai降噪·回声消除·语音模块
志尊宝7 小时前
AI原生前端开发(039):AI辅助的Nuxt 4全栈开发
前端·vue.js·ai-native
FRing038 小时前
JavaScript入门到精通三十二(深拷贝、浅拷贝、递归函数)
开发语言·前端·javascript
excel8 小时前
双 Token 与前端使用 Crypto 公私钥鉴权换 Token,哪种方案更好?
前端·后端
外收内放8 小时前
Python基础语法练习题(73)
java·前端·python