Prettier

安装

npm install -D prettier

Prettier 配置

配置参考

• 配置文件
• 配置项

配置示例

// .prttier.json
{
  "$schema": "https://json.schemastore.org/prettierrc",
  // HTML 空白敏感性：css-遵循CSS显示属性；strict-空白重要；ignore-空白不重要
  "htmlWhitespaceSensitivity": "ignore",
  // 每行最大字符数（超过会换行）
  "printWidth": 120,
  // 对象属性引号：consistent-属性需要引号时全部加；as-needed-仅在必需时加
  "quoteProps": "consistent",
  // 使用单引号代替双引号
  "singleQuote": true
}

配置脚本

// package.json
{
  "scripts": {
    "format": "prettier --write src/**/*.{js,jsx,ts,tsx,css,scss,md,json}"
  }
}