So setzen Sie schöner

Was ist schöner

Prettier ist ein Codeformatierungstool, das JS/JSX/TS/Flow/JSON/CSS/LESS und andere Dateiformate unterstützen kann.

Warum Prettier verwenden?

, um einige Szenarios in Lint zu ersetzen, z. B. Semikolons/Tabulatoreinrückungen/Leerzeichen/Anführungszeichen. Diese müssen geändert werden Manuell, nachdem das Lint-Tool Probleme erkennt, handelt es sich in der Regel um Leerzeichen oder Symbole, was relativ unelegant ist. Die automatische Generierung mit dem Formatierungstool spart Zeit und Aufwand.

So passen Sie die Konfiguration an

Prettier bietet eine Reihe von Standardkonfigurationen, also wie Sie die Konfigurationselemente ändern können, um unserem eigenen Code zu entsprechen Spezifikationen? Es gibt drei Möglichkeiten, dies zu tun:

(1) .prettierrc-Datei

(2) prettier.config.js-Datei

(3) Prettier-Attribute konfigurieren in package.json

Prettier überprüft die Konfigurationsdatei und liest die Konfiguration automatisch in der Datei. Wir müssen nur eine Methode zum Konfigurieren auswählen.

Es fühlt sich dem Fusselwerkzeug sehr ähnlich an, oder?

Konfigurierbare Eigenschaften

Meine Konfigurationsdatei teilen

module.exports = {
// tab缩进大小,默认为2
tabWidth: 2,
// 使用tab缩进，默认false
useTabs: true,
// 使用分号, 默认true
semi: false,
// 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号)
singleQuote: true,
// 行尾逗号,默认none,可选 none|es5|all
// es5 包括es5中的数组、对象
// all 包括函数对象等所有可选
TrailingCooma: "none",
// 对象中的空格 默认true
// true: { foo: bar }
// false: {foo: bar}
bracketSpacing: true,
// JSX标签闭合位置 默认false
// false: <div
//          className=""
//          style={{}}
//       >
// true: <div
//          className=""
//          style={{}} >
jsxBracketSameLine：false,
// 箭头函数参数括号 默认avoid 可选 avoid| always
// avoid 能省略括号的时候就省略 例如x => x
// always 总是有括号
arrowParens: 'always',
}

MehrFAQ, besuchen Sie bitte die PHP Chinesische Website.

Das obige ist der detaillierte Inhalt vonSo setzen Sie schöner. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!