极简但完整的 Prettier 统一配置方案,仅需 3 个文件 + 1 条命令即可实现

1. 核心配置 (必需)

创建 .prettierrc 文件:

{
  "semi": false,
  "singleQuote": true,
  "trailingComma": "all",
  "printWidth": 100,
  "tabWidth": 2,
  "useTabs": false,
  "endOfLine": "lf"
}

2. 版本锁定 (必需)

在 package.json 中添加:

{
  "devDependencies": {
    "prettier": "3.2.5" // 固定具体版本
  },
  "scripts": {
    "format": "prettier --write .",
    "format:check": "prettier --check ."
  }
}

安装依赖:

npm install --save-dev prettier@3.2.5

使用流程

1.新成员接入

git clone your-project
npm install

2.开发时

保存文件时自动格式化 (VSCode)

或手动运行:npm run format

3.提交前检查(可选)

npm run format:check # CI 可集成此命令

优势说明

  1. 零学习成本:仅依赖 Prettier 单工具

  2. 强制生效:通过 VSCode 配置实现保存即格式化

  3. 版本锁定:确保所有成员使用完全相同的格式化规则

  4. 跨平台一致:LF 换行符 + 空格缩进配置解决 OS 差异

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值