格式化整个项目：npx prettier --write .
.prettierrc 是一个配置文件，用于定义 Prettier 的代码格式化规则。这个文件通常放在项目的根目录下，以便 Prettier 在格式化代码时能够找到并使用这些规则。
.prettierrc 文件可以是一个 JSON 文件，其中包含了各种格式化选项。以下是一个 .prettierrc 文件的示例，其中包含了多种语言的格式化规则：
{
"semi": true,
"trailingComma": "all",
"singleQuote": true,
"printWidth": 80,
"tabWidth": 2,
"bracketSpacing": true,
"jsxBracketSameLine": false,
"arrowParens": "avoid",
"endOfLine": "auto",
"htmlWhitespaceSensitivity": "css",
"cssDeclarationSortOrder": "alphabetical",
"tableContentIndentation": "align",
"vueIndentScriptAndStyle": true,
"proseWrap": "preserve"
}
在这个示例中，各个选项的含义如下：
- "semi": true：在语句末尾添加分号。
- "trailingComma": "all"：在对象或数组的最后一个元素后面添加尾随逗号。
- "singleQuote": true：使用单引号而不是双引号。
- "printWidth": 80：一行的最大宽度为 80 个字符。
- "tabWidth": 2：使用两个空格的缩进。
- "bracketSpacing": true：在对象的大括号之间添加空格 { foo: bar }。
- "jsxBracketSameLine": false：在 JSX 中，将 > 放在最后一行的结束处，而不是新行上。
- "arrowParens": "avoid"：在只有一个参数的箭头函数中避免使用圆括号。
- "endOfLine": "auto"：自动检测并保留行尾符号（如 \n 或 \r\n）。
- "htmlWhitespaceSensitivity": "css"：在 HTML 中，对空白字符的敏感度与 CSS 相同。
- "cssDeclarationSortOrder": "alphabetical"：将 CSS 声明按字母顺序排序。
- "tableContentIndentation": "align"：对齐表格内容的缩进。
- "vueIndentScriptAndStyle": true：在 Vue 文件中，对 <script> 和 <style> 标签的内容进行缩进。
- "proseWrap": "preserve"：在 Markdown 中，保持原有的换行符。
你可以根据自己的代码风格和团队约定来调整这些选项。在修改完 .prettierrc 文件后，每次运行 Prettier（例如，通过 npx prettier --write . 命令）时，它都会使用这些规则来格式化你的代码。
