.prettierrc 配置文件

<think>好的，用户想了解.prettierrc配置文件的示例和用法。首先，我需要回忆一下Prettier的作用，它是一个代码格式化工具，帮助保持代码风格一致。.prettierrc文件就是用来配置这些格式化规则的。 根据用户提供的引用[2]里有一个.prettierrc.js的例子，里面包含了semi、trailingComma、singleQuote等选项。这可能是一个JavaScript的配置文件。不过用户可能更想知道常见的配置方式，比如JSON、YAML或者单独的文件格式。 接下来，我应该先介绍.prettierrc的常见配置格式，比如JSON、YAML、JS模块等。然后，列举常用的配置选项，比如printWidth、tabWidth、semi、singleQuote、trailingComma等，每个选项需要说明其作用和示例值。例如，printWidth控制换行的行宽，默认是80，用户可能设置为100。 然后，需要给出不同格式的示例，比如JSON的例子，YAML的例子，还有JS模块的例子，这样用户可以根据自己的项目需求选择合适的格式。同时，需要提到如何根据项目根目录下的配置文件让Prettier自动应用这些规则。 另外，用户可能想知道如何安装和使用Prettier，是否需要配合其他工具比如ESLint使用。引用[1]提到ESLint是代码检查工具，而Prettier专注于格式化，两者可以互补。可能需要提到使用prettier-eslint插件来处理两者的配合。 还要注意引用[4]中的EditorConfig配置，比如indent_style和indent_size，这些可能会影响代码格式，但Prettier有自己的配置，优先级可能更高。需要说明两者如何协同工作，或者是否需要同时配置。 用户的问题可能还涉及到如何验证配置是否生效，比如运行命令检查格式化效果。可能需要给出简单的命令行示例，比如npx prettier --write . 来格式化所有文件。 最后，生成相关问题，比如配置冲突如何处理，与ESLint的配合，或者如何忽略某些文件的格式化。这些能帮助用户进一步了解相关主题。</think>### .prettierrc 配置文件详解 #### 1. **基本作用** `.prettierrc` 是 Prettier 代码格式化工具的配置文件，用于定义代码风格规则（如缩进、引号、分号等），确保团队协作时代码风格统一[^2]。 #### 2. **配置格式** 支持多种格式，包括： - **JSON**：`.prettierrc` 或 `.prettierrc.json` - **YAML**：`.prettierrc.yml` - **JavaScript 模块**：`.prettierrc.js`（如引用[2]中的示例） #### 3. **常用配置项示例** ```json { "printWidth": 100, // 换行行宽，默认80 "tabWidth": 2, // 缩进列数 "useTabs": false, // 用空格而非制表符缩进 "semi": true, // 语句末尾加分号 "singleQuote": true, // 使用单引号 "trailingComma": "es5", // 对象/数组尾随逗号（es5兼容模式） "bracketSpacing": true, // 对象括号间加空格，如{ foo: bar } "arrowParens": "avoid" // 箭头函数单参数省略括号 } ``` #### 4. **JavaScript 模块配置示例（引用[2]）** ```javascript // .prettierrc.js module.exports = { semi: true, trailingComma: 'es5', singleQuote: true, printWidth: 100, tabWidth: 2, }; ``` #### 5. **用法步骤** 1. **安装 Prettier**： ```bash npm install --save-dev prettier ``` 2. **创建配置文件**：在项目根目录新建 `.prettierrc` 并写入规则。 3. **运行格式化**： ```bash npx prettier --write . # 格式化所有文件 ``` #### 6. **与 EditorConfig 协作** 若同时使用 `.editorconfig`（如引用[4]），需确保 Prettier 配置与 `indent_style`、`indent_size` 等参数一致，但 Prettier 规则优先级更高[^4]。 --- ###