So setzen Sie schöner
Jan 14, 2020 am 09:22 AMWas 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!

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Wie legt man den geplanten Zeitpunkt für die Veröffentlichung von Werken auf Douyin fest? Wie wird die Videodauer eingestellt?

Wo ist das Douyin-Tag gesetzt? Wie kann es markiert werden, damit es korrekt gepusht werden kann?

Einrichten von Chinesisch mit VSCode: Die vollständige Anleitung

„Bitte nicht stören'-Modus funktioniert auf dem iPhone nicht: Behebung

So setzen Sie das Wasserzeichen in der Mitte auf Weibo_So setzen Sie das Wasserzeichen in der Mitte auf Weibo

Wo werden Douyin-Empfehlungen und -Auswahlen festgelegt?

So richten Sie geplante Veröffentlichungen auf Weibo ein_Tutorial zum Einrichten geplanter Veröffentlichungen auf Weibo

So stellen Sie den Countdown für den Ticketkauf in Damai ein