Warum prettier verwenden?In großen Unternehmen kann der Front-End-Entwicklungscode eigene Codestandards haben. Wie können Sie schnell Ihre eigenen Codestandards generieren? Die Verwendung von Prettier ist die bessere Wahl! Wie installiere ich das Prettier Code-Plugin?Suchen Sie in der letzten Option in der Seitenleiste nach Prettier Code in der Suchleiste und installieren Sie ihn. So konfigurieren Sie im ProjektIn Ihrem neuen Projekt können Sie zwei neue Konfigurationsdateien erstellen: eine ist die Datei .prettierignore, die der Datei .gitignore zum Ignorieren von Dateien ähnelt; die andere ist die Datei .prettierrc.js, die zum Konfigurieren Ihrer Codeüberprüfungsregeln verwendet wird. .prettierignore ist wie folgt konfiguriert **/*.md **/*.svg **/*.ejs **/*.html Paket.json .umi .umi-Produktion .umi-test .prettierrc.js ist wie folgt konfiguriert modul.exporte = { // Eine Zeile kann maximal 100 Zeichen enthalten printWidth: 100, // Verwenden Sie 2 Leerzeichen zum Einrücken von tabWidth: 2, // Keine Einrückungszeichen verwenden, sondern Leerzeichen useTabs: false, // Am Ende der Zeile ist ein Semikolon erforderlich semi: true, // Einfache Anführungszeichen verwenden singleQuote: true, // Objektschlüssel werden nur bei Bedarf in Anführungszeichen gesetzt quoteProps: 'as-needed', // jsx verwendet keine einfachen Anführungszeichen, sondern doppelte AnführungszeichenjsxSingleQuote: false, // Kein abschließendes Komma erforderlich trailingComma: 'all', // Am Anfang und Ende der Klammern sind Leerzeichen erforderlich bracketSpacing: true, // Die umgekehrten spitzen Klammern von jsx-Tags müssen umbrochen werden jsxBracketSameLine: false, // Pfeilfunktion, wenn nur ein Parameter vorhanden ist, benötigt auch Klammern arrowParens: 'always', // Der Bereich jedes Dateiformats ist der gesamte Inhalt der Datei rangeStart: 0, rangeEnd: Unendlich, // Es ist nicht nötig, @prettier am Anfang der Datei zu schreiben requirePragma: false, // Es ist nicht nötig, @prettier automatisch am Anfang der Datei einzufügen insertPragma: false, // Benutze den Standard-Zeilenumbruch Standard proseWrap: 'preserve', //Bestimmen Sie, ob HTML basierend auf dem Anzeigestil umbrochen werden soll htmlWhitespaceSensitivity: 'css', // Für Zeilenumbrüche lf verwenden endOfLine: 'auto', }; Jetzt sind alle Konfigurationen abgeschlossen. Klicken Sie jedes Mal, wenn Sie Code schreiben, mit der rechten Maustaste und wählen Sie Dokument formatieren . Dies ist das Ende dieses Artikels über das ausführliche Tutorial zur Verwendung des Prettier Code-Plugins in vscode. Weitere relevante Inhalte zur Verwendung von Prettier Code in vscode finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird! Das könnte Sie auch interessieren:
|
<<: MySQL 5.7.29 + Win64-Dekomprimierungsversion Installations-Tutorial mit Bildern und Text
>>: Schritte zur Domänennamenauflösung beim Alibaba Cloud Server (Tutorial für Anfänger)
Vorwort Wie wir alle wissen, gehört HTML5 dem Wor...
Letztes Wochenende bereitete sich ein Bruderproje...
Für die Installation von Docker auf CentOS muss d...
Dieser Artikel enthält das ausführliche Installat...
Mininet Mininet ist eine leichtgewichtige, softwa...
1Mehrere gängige Zeichensätze Zu den gängigsten Z...
Das Standard-Remote-Repository von Nexus ist http...
Da PostgreSQL kompiliert und installiert ist, müs...
Inhaltsverzeichnis 1. Einführung in das Teleporti...
1. Schreiben Sie ein Backup-Skript rem Autor:www....
1. SSH-Remoteverwaltung SSH-Definition SSH (Secur...
Wir alle wissen, dass wir die Eigenschaften der P...
eins. Übersicht über die IE8-Kompatibilitätsansic...
1. Hintergrund 1.1 Probleme In einem aktuellen Pr...
Fabric.js ist ein sehr nützliches Plug-In für Can...