prettier ~

安装依赖

• 如果考虑每个人开发工具的不同可以安装相关依赖
• 如以下使用 yarn 进行安装，–exact 指示使用精确的版本号进行安装
• 执行安装命令：yarn add prettier -D / yarn add --dev --exact prettier

---

常用配置

• 创建 .prettierrc.json 文件
• 安装 vscode 扩展 [Prettier - Code formatter]
• 测试地址：https://prettier.io/playground/

{
  "$schema":"https://json.schemastore.org/prettierrc", 
  "semi":false, // 结尾不要分号
  "tabWidth":2, // 缩进大小
  "useTabs":false, // 使用制表符而不是空格缩进
  "singleQuote":true, // 使用单引号
  "printWidth":120, // 单行代码最长字符长度
  "trailingComma":"none", // 尾随逗号、最后一行除外
  "arrowParens": "avoid", // 箭头函数中单个参数去掉括号
  jsxSingleQuote: true,  // JSX中使用单引号
  bracketSpacing: true,  // 对象、数组括号与文字间添加空格
}

• 如果考虑每个人开发工具的不同可以安装相关依赖，如以下使用 yarn 进行安装，–exact 指示使用精确的版本号进行安装

---

忽略

• 创建 .prettierignore 文件；
• 文件允许您指定哪些文件或目录应该被 Prettier 忽略。
• 您可以在该文件中编写一些规则来匹配要忽略的文件或目录的路径。当 Prettier 在运行时遇到匹配这些规则的文件或目录时，它将跳过对它们的格式化操作。

# 忽略所有 markdown 文件
*.md

# 忽略特定目录
/node_modules

# 忽略特定文件
/src/config.js

dist