xDocxDoc
AI
前端
后端
iOS
Android
Flutter
AI
前端
后端
iOS
Android
Flutter
  • 关于

    • Prettier
    • 构建并强制执行
    • Prettier vs. Linters
    • 选项设计原理
    • 设计理念
  • 使用

    • 安装指南
    • 忽略代码
    • precommit
    • 插件
    • CLI
    • API
    • Browser
    • CI
  • 配置 Prettier

    • options
    • Configuration File
    • 共享配置
  • Editors

    • 编辑器集成
    • WebStorm 设置
    • Vim 配置指南
    • 监视文件变更
  • Misc

    • 技术实现细节
    • 生态
    • 企业解决方案

监视文件变更

可以通过https://www.npmjs.com/package/onchange让Prettier在命令行中监视文件变更。如下所示:

# 使用 onchange 监视所有文件变更,并在变更发生时运行 Prettier
npx onchange "**/*" -- npx prettier --write --ignore-unknown {{changed}}

或者将以下内容添加到你的 package.json 文件中:

{
  "scripts": {
    // 添加用于文件变更监听的脚本
    "prettier-watch": "onchange \"**/*\" -- prettier --write --ignore-unknown {{changed}}"
  }
}

总结

  • 使用 onchange 包可实现命令行级别的文件变更监听
  • 提供直接运行的命令行方案和更持久的 npm scripts 集成方案
  • 核心命令模式: onchange "文件匹配模式" -- prettier --write {{changed}}
  • {{changed}} 占位符会自动替换为变更文件的路径
  • --ignore-unknown 确保跳过 Prettier 不支持的文件格式
最后更新: 2025/8/26 10:07
Prev
Vim 配置指南