格式化整個(gè)項(xiàng)目：npx prettier --write .
.prettierrc 是一個(gè)配置文件，用于定義 Prettier 的代碼格式化規(guī)則伍茄。這個(gè)文件通常放在項(xiàng)目的根目錄下樟遣，以便 Prettier 在格式化代碼時(shí)能夠找到并使用這些規(guī)則汹碱。
.prettierrc 文件可以是一個(gè) JSON 文件要尔，其中包含了各種格式化選項(xiàng)婉宰。以下是一個(gè) .prettierrc 文件的示例势似，其中包含了多種語(yǔ)言的格式化規(guī)則：
{
"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"
}
在這個(gè)示例中拌夏，各個(gè)選項(xiàng)的含義如下：
- "semi": true：在語(yǔ)句末尾添加分號(hào)。
- "trailingComma": "all"：在對(duì)象或數(shù)組的最后一個(gè)元素后面添加尾隨逗號(hào)履因。
- "singleQuote": true：使用單引號(hào)而不是雙引號(hào)障簿。
- "printWidth": 80：一行的最大寬度為 80 個(gè)字符。
- "tabWidth": 2：使用兩個(gè)空格的縮進(jìn)栅迄。
- "bracketSpacing": true：在對(duì)象的大括號(hào)之間添加空格 { foo: bar }站故。
- "jsxBracketSameLine": false：在 JSX 中，將 > 放在最后一行的結(jié)束處霞篡，而不是新行上世蔗。
- "arrowParens": "avoid"：在只有一個(gè)參數(shù)的箭頭函數(shù)中避免使用圓括號(hào)端逼。
- "endOfLine": "auto"：自動(dòng)檢測(cè)并保留行尾符號(hào)（如 \n 或 \r\n）。
- "htmlWhitespaceSensitivity": "css"：在 HTML 中污淋，對(duì)空白字符的敏感度與 CSS 相同顶滩。
- "cssDeclarationSortOrder": "alphabetical"：將 CSS 聲明按字母順序排序。
- "tableContentIndentation": "align"：對(duì)齊表格內(nèi)容的縮進(jìn)寸爆。
- "vueIndentScriptAndStyle": true：在 Vue 文件中礁鲁，對(duì) <script> 和 <style> 標(biāo)簽的內(nèi)容進(jìn)行縮進(jìn)。
- "proseWrap": "preserve"：在 Markdown 中赁豆，保持原有的換行符仅醇。
你可以根據(jù)自己的代碼風(fēng)格和團(tuán)隊(duì)約定來(lái)調(diào)整這些選項(xiàng)。在修改完 .prettierrc 文件后魔种，每次運(yùn)行 Prettier（例如析二，通過(guò) npx prettier --write . 命令）時(shí)，它都會(huì)使用這些規(guī)則來(lái)格式化你的代碼节预。
