Heim häufiges Problem So setzen Sie schöner

So setzen Sie schöner

Jan 14, 2020 am 09:22 AM
prettier 设置

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',
}
Nach dem Login kopieren

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!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie legt man den geplanten Zeitpunkt für die Veröffentlichung von Werken auf Douyin fest? Wie wird die Videodauer eingestellt? Wie legt man den geplanten Zeitpunkt für die Veröffentlichung von Werken auf Douyin fest? Wie wird die Videodauer eingestellt? Mar 27, 2024 pm 06:11 PM

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? Wo ist das Douyin-Tag gesetzt? Wie kann es markiert werden, damit es korrekt gepusht werden kann? Mar 27, 2024 am 11:01 AM

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 Einrichten von Chinesisch mit VSCode: Die vollständige Anleitung Mar 25, 2024 am 11:18 AM

Einrichten von Chinesisch mit VSCode: Die vollständige Anleitung

„Bitte nicht stören'-Modus funktioniert auf dem iPhone nicht: Behebung „Bitte nicht stören'-Modus funktioniert auf dem iPhone nicht: Behebung Apr 24, 2024 pm 04:50 PM

„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 So setzen Sie das Wasserzeichen in der Mitte auf Weibo_So setzen Sie das Wasserzeichen in der Mitte auf Weibo Mar 29, 2024 pm 03:31 PM

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? Wo werden Douyin-Empfehlungen und -Auswahlen festgelegt? Mar 27, 2024 pm 05:06 PM

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 richten Sie geplante Veröffentlichungen auf Weibo ein_Tutorial zum Einrichten geplanter Veröffentlichungen auf Weibo Mar 29, 2024 pm 03:51 PM

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 So stellen Sie den Countdown für den Ticketkauf in Damai ein Apr 01, 2024 pm 07:01 PM

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