代码格式化 使用oxfmt

为什么 oxfmt 替换Prettier

1. 性能 Oxfmt（Rust 编写）速度是 Prettier 的 30~45 倍，大仓库、CI 场景体验差距明显。
2. 兼容性 Oxfmt 完全兼容 Prettier 配置与格式化风格，直接复用 .prettierrc，切换无代码差异。
3. 插件

• Prettier：需额外装各类插件（Vue、Tailwind 等）
• Oxfmt：内置常用格式化能力，不用额外插件

操作

安装

npm install -D oxfmt

替换

npx oxfmt --migrate=prettier

成功日志提示：

日志的含义：

• printWidth：你的 .prettierrc 没配置，oxfmt 迁移时用了 80，因为 Prettier 默认是 80，而 oxfmt 默认是 100。
• embeddedLanguageFormatting：提示 JS/TS 文件里的内嵌语言格式化还不是完全支持，只是兼容性提醒。
• .prettierignore 已迁移到 .oxfmtrc.json 的 ignorePatterns。

删除 prettier的依赖

删除这两个文件

修改package.json中 lint-staged的配置

  "lint-staged": {
    "*.{js,jsx,ts,tsx,vue}": "eslint --fix",
    "*.{css,scss,less,html,json,jsonc,md,yml,yaml}": "oxfmt --write"
  }

执行卸载

`npm uninstall prettier`

修改package.json中scripts中命令

替换成oxfmt

 "format": "oxfmt . --write",
 "format:check": "oxfmt . --check",

检查oxfmt 是否生效

npm run format:check

检查prettier 是否为空

npm ls prettier