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

成都創(chuàng)新互聯(lián)長期為成百上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為興寧企業(yè)提供專業(yè)的網(wǎng)站設(shè)計制作、成都網(wǎng)站制作，興寧網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

Prettier介紹和使用配置：

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

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

屬性介紹：

Print Width：

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

• API：printWidth

• 參數(shù)類型：int

• 默認值：80

Tab Width：

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

• API：tabWidth

• 參數(shù)類型：int

• 默認值：2

Tabs：

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

• API：useTabs

• 參數(shù)類型：bool

• 默認值：false

Semicolons：

• 介紹和說明：是否在代碼語句結(jié)尾添加分號。

• API：semi

• 參數(shù)類型：bool

• 默認值：true

Quotes

• 介紹和說明：是否使用單引號，JSX單獨設(shè)置。

• API：singleQuote

• 參數(shù)類型：bool

• 默認值：false

JSX Quotes

• 介紹和說明：是否在JSX中使用單引號。

• API：jsxSingleQuote

• 參數(shù)類型：bool

• 默認值：false

Trailing Commas

• 介紹和說明：在多行以逗號分割的句法中盡可能補充尾行逗號。

• API：trailingComma

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

• 默認值：es5

Bracket Spacing

• 介紹和說明：是否在對象屬性與大括號之間填充空格。

• API：bracketSpacing

• 參數(shù)類型：bool

• 默認值：true

Bracket Line

• 介紹和說明：開始標簽的右尖括號是否跟隨在最后一行屬性末尾。

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

• API：bracketSameLine

• 參數(shù)類型：bool

• 默認值：false

Arrow Function Parentheses

• 介紹和說明：單個參數(shù)的箭頭函數(shù)使用括號。

• API：arrowParens

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

• 默認值：always

Require Pragma

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

• API：requirePragma

• 參數(shù)類型：bool

• 默認值：false

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

Insert Pragma

• 介紹和說明：是否在文件插入標記表明該文件已被格式化處理過了。

• API：insertPragma

• 參數(shù)類型：bool

• 默認值：false

Vue files script and style tags indentation

• 介紹和說明：是否在Vue文件中對代碼和標簽進行縮進，script和style部分。

• API：vueIndentScriptAndStyle

• 參數(shù)類型：bool

• 默認值：false

End of Line

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

• API：endOfLine

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

• 默認值：lf

Embedded Language Formatting

• 介紹和說明：是否格式化一些文件中被嵌入的代碼片段的風格，如果插件可以識別。

• API：embeddedLanguageFormatting

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

• 默認值：auto

Single Attribute Per Line

• 介紹和說明：在Html，Vue，JSX中是否強制每條屬性占用一行。

• API：singleAttributePerLine

• 參數(shù)類型：bool

• 默認值：false

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