.Prettierrc文件的設置

由於用到了Prettier因此在設置的時候看文檔發現全是英文索性就翻譯了下但願你們能用到。

Prettier Option

.Prettierrc

Cli是在終端使用，

Api是在.Prettierrc中設置使用

printWidth

打印寬度指定打印將換行的行長。

Default	Cli Override	Api Override
80	--print-width	printWidth:

Tab Width

指定每一個縮進的空格數。

Default	Cli Override	Api Override
2	--tab-width	tabWidth:

Tabs

用Tab縮進而不是空格

Default	Cli Override	Api Override
false	--use-tabs	useTabs:

Semicolons

在語句的末尾打印分號。

有效的選項：

• true - 在每一個語句的末尾添加一個分號。
• false - 只在可能引入ASI故障的行的開頭添加分號。

Default	Cli Override	Api Override
true	--no-semi	semi:

Quotes

使用單引號而不是雙引號。

Default	Cli Override	Api Override
false	--single-quote	singleQuote:

Trailing Commas

多行時，儘量打印尾隨逗號。 （例如，一個單行數組永遠不會獲得尾隨的逗號。）

有效選項：

• none - 沒有尾隨逗號。
• es5 - 在ES5中有效的尾隨逗號（object，arrays等）
• all - 儘量尾隨逗號（包括函數參數）。

Default	Cli Override	Api Override
None	--trailing-comma <none|es5|all>	trailingComma: "<none|es5|all>"

Bracket Spacing

在對象文字中的括號之間打印空格。

選項：

• true - Example { foo: bar }
• flase - Example {foo: bar}

Default	Cli Override	Api Override
true	--no-bracket-spacing	bracketSpacing:

JSX Brackets

將多行JSX元素的 > 放在最後一行的末尾，而不是單獨放在下一行（不適用於自閉元素）。

Default	Cli Override	Api Override
false	--jsx-bracket-same-line	jsxBracketSameLine:

Arrow Function Parentheses

圍繞一個惟一的箭頭函數參數包括括號。

選項：

• avoid - 儘量省略括號 Example： x => x
• always - 老是包括括號 Example： (x) => x

Default	Cli Override	Api Override
avoid	--arrow-parens <avoid|always>	arrowParens: "<avoid|always>"

Range

只格式化文件的一部分。

這兩個選項可用於格式化以給定字符偏移（分別包含和排除）開始和結束的代碼。範圍將延伸:

• 返回到包含選定語句的第一行的開頭。
• 轉到選定語句的末尾。

這些選項不能與cursorOffset一塊兒使用。

Default	Cli Override	Api Override
0	--range-start	rangeStart:
Infinity	--range-end	rangeEnd:

Parser

指定使用哪一個分析器。

Babylon和流解析器都支持相同的JavaScript特性（包括Flow）。Prettier會自動從輸入文件路徑中推斷解析器，因此你不須要改變這個設置。

Built-in parsers:

• babylon
• flow
• typescript Since v1.4.0
• postcss Since v1.4.0
• json Since v1.5.0
• graphql Since v1.5.0
• markdown Since v1.8.0

Default	Cli Override	Api Override
babylon	--parser --parser ./my-parser	parser: "" parser: require("./my-parser")

FilePath

指定輸入文件路徑。這將被用來作解析器推理。

例如，如下將使用postcss解析器：

cat foo | prettier --stdin-filepath foo.css

Default	Cli Override	Api Override
None	--stdin-filepath	filepath: ""

Require pragma

Prettier能夠限制本身只能格式化文件頂部包含特殊註釋的文件，稱爲雜注。逐漸將大型，無格式的代碼庫轉換爲漂亮的代碼庫時，這很是有用。

例如，當提供--require-pragma時，將會格式化具備如下第一個註釋的文件：

/**
 * @prettier
 */
複製代碼

or

/**
 * @format
 */
複製代碼

Default	Cli Override	Api Override
false	--require-pragma	requirePragma:

Insert Pragma

Prettier的能夠在文件的頂部插入一個特殊的@format標記，指定文件已被格式化爲Prettier。

Default	Cli Override	Api Override
false	--insert-pragma	insertPragma:

Prose Wrap

默認狀況下，因爲某些服務使用了對換行符敏感的呈現器，所以Prettier會按原樣包裝降價文本。

選項：

• "always" - 若是超出了打印寬度，請將散的包好。
• "never" - 不包散的。
• "preserve" - 按原樣包散的。

Default	Cli Override	Api Override
"preserve"	--prose-wrap <always|never|preserve>	proseWrap: "<always|never|preserve>"