vscode Prettier選項(xiàng)中的16個(gè)實(shí)用屬性是什么

這篇文章主要介紹了vscode Prettier選項(xiàng)中的16個(gè)實(shí)用屬性是什么的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇vscode Prettier選項(xiàng)中的16個(gè)實(shí)用屬性是什么文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

Prettier介紹和使用配置：

???? Prettier是一款以較少的配置來(lái)支持多種編程語(yǔ)言進(jìn)行代碼格式化的工具，并且在大多數(shù)常用的編輯器都有集成和提供的插件。

???? 我們?cè)?strong>VSCode中通過(guò)文末提供的插件地址或在商店搜索即可，找下載量最大的就對(duì)了。安裝完插件后我們可以通過(guò)在項(xiàng)目根目錄配置.prettierrc文件來(lái)配置一份符合我們自定義的風(fēng)格，文件內(nèi)容推薦使用JSON格式組合。當(dāng)然也支持其他的一個(gè)配置文件命名和書寫方式，文末也提供了原文檔對(duì)應(yīng)的地址，記得要將默認(rèn)的格式化程序選擇為Prettier。

屬性介紹：

Print Width：

• 介紹和說(shuō)明：代碼行的寬度，通用建議每行最大長(zhǎng)度建議為100/120，但最好不超過(guò)這兩個(gè)數(shù)。

• API：printWidth

• 參數(shù)類型：int

• 默認(rèn)值：80

Tab Width：

• 介紹和說(shuō)明：指定每次縮進(jìn)的空格數(shù)。

• API：tabWidth

• 參數(shù)類型：int

• 默認(rèn)值：2

Tabs：

• 介紹和說(shuō)明：是否用制表符代替空格執(zhí)行縮進(jìn)。

• API：useTabs

• 參數(shù)類型：bool

• 默認(rèn)值：false

Semicolons：

• 介紹和說(shuō)明：是否在代碼語(yǔ)句結(jié)尾添加分號(hào)。

• API：semi

• 參數(shù)類型：bool

• 默認(rèn)值：true

Quotes

• 介紹和說(shuō)明：是否使用單引號(hào)，JSX單獨(dú)設(shè)置。

• API：singleQuote

• 參數(shù)類型：bool

• 默認(rèn)值：false

JSX Quotes

• 介紹和說(shuō)明：是否在JSX中使用單引號(hào)。

• API：jsxSingleQuote

• 參數(shù)類型：bool

• 默認(rèn)值：false

Trailing Commas

• 介紹和說(shuō)明：在多行以逗號(hào)分割的句法中盡可能補(bǔ)充尾行逗號(hào)。

• API：trailingComma

• 參數(shù)類型：es5 / none / all

• 默認(rèn)值：es5

Bracket Spacing

• 介紹和說(shuō)明：是否在對(duì)象屬性與大括號(hào)之間填充空格。

• API：bracketSpacing

• 參數(shù)類型：bool

• 默認(rèn)值：true

Bracket Line

• 介紹和說(shuō)明：開始標(biāo)簽的右尖括號(hào)是否跟隨在最后一行屬性末尾。

• 前提：非自結(jié)束標(biāo)簽、HTML多行屬性（HTML, JSX, Vue, Angular）

• API：bracketSameLine

• 參數(shù)類型：bool

• 默認(rèn)值：false

Arrow Function Parentheses

• 介紹和說(shuō)明：?jiǎn)蝹€(gè)參數(shù)的箭頭函數(shù)使用括號(hào)。

• API：arrowParens

• 參數(shù)類型：always / avoid

• 默認(rèn)值：always

Require Pragma

• 介紹和說(shuō)明：是否僅格式化文件開始位置存在特殊注釋的代碼。

• API：requirePragma

• 參數(shù)類型：bool

• 默認(rèn)值：false

/**
 * @prettier
 */
 or
/**
 * @format
 */

Insert Pragma

• 介紹和說(shuō)明：是否在文件插入標(biāo)記表明該文件已被格式化處理過(guò)了。

• API：insertPragma

• 參數(shù)類型：bool

• 默認(rèn)值：false

Vue files script and style tags indentation

• 介紹和說(shuō)明：是否在Vue文件中對(duì)代碼和標(biāo)簽進(jìn)行縮進(jìn)，script和style部分。

• API：vueIndentScriptAndStyle

• 參數(shù)類型：bool

• 默認(rèn)值：false

End of Line

• 介紹和說(shuō)明：設(shè)置換行風(fēng)格，避免不同操作系統(tǒng)造成的大量代碼diff。

• API：endOfLine

• 參數(shù)類型：lf / crlf / cr / auto

• 默認(rèn)值：lf

Embedded Language Formatting

• 介紹和說(shuō)明：是否格式化一些文件中被嵌入的代碼片段的風(fēng)格，如果插件可以識(shí)別。

• API：embeddedLanguageFormatting

• 參數(shù)類型：off / auto

• 默認(rèn)值：auto

Single Attribute Per Line

• 介紹和說(shuō)明：在Html，Vue，JSX中是否強(qiáng)制每條屬性占用一行。

• API：singleAttributePerLine

• 參數(shù)類型：bool

• 默認(rèn)值：false

關(guān)于“vscode Prettier選項(xiàng)中的16個(gè)實(shí)用屬性是什么”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“vscode Prettier選項(xiàng)中的16個(gè)實(shí)用屬性是什么”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。