Informationen zur VSCode-Formatierung von JS durch automatisches Hinzufügen oder Entfernen von Semikolons

Informationen zur VSCode-Formatierung von JS durch automatisches Hinzufügen oder Entfernen von Semikolons

Einführung

Es ist in Ordnung, am Ende eines JS-Codesatzes ein Semikolon hinzuzufügen oder nicht. Im Allgemeinen ist bei der Entwicklung eines Teams ein einheitlicher Standard erforderlich, ob ein Semikolon hinzugefügt wird oder nicht. Manchmal können wir jedoch daran denken, ein Semikolon hinzuzufügen, und manchmal vergessen wir es. Dies führt dazu, dass einige unserer Codes Semikolons enthalten und andere nicht, was unübersichtlich wird. Um dieses Problem zu lösen, können wir einen Formatierer verwenden, der uns hilft, Semikolons am Ende von Sätzen automatisch hinzuzufügen oder zu entfernen.

Die spezifische Vorgehensweise besteht darin, zuerst einen JS-Code einzugeben und ihn dann zu verwenden, um den Effekt zu sehen. Wenn Sie viele Plug-Ins heruntergeladen haben und über eine Reihe von JS-Formatierern verfügen, müssen Sie den Standardformatierer konfigurieren.

Bitte fügen Sie eine Beschreibung des Bildes hinzu

Wählen Sie Standardformatierer konfigurieren

Bitte fügen Sie eine Beschreibung des Bildes hinzu

Wählen Sie den mit VSCode gelieferten JS-Formatierer aus

Bitte fügen Sie eine Beschreibung des Bildes hinzu

Öffne die Einstellungen

Bitte fügen Sie eine Beschreibung des Bildes hinzu

Öffnen Sie die JSON-Einstellungsdatei

Bitte fügen Sie eine Beschreibung des Bildes hinzu

Fügen Sie eine javascript.format.semicolons -Eigenschaft hinzu

Dieses Attribut hat drei Werte.

Der erste Typ ignore

"javascript.format.semicolons": "ignorieren",

Dies ist der Standardwert dieser Eigenschaft. Löschen oder fügen Sie beim Formatieren keine Semikolons hinzu. Es ist egal, was passiert. Es ist dasselbe, als ob es keine Konfiguration gäbe. Ich werde es nicht demonstrieren.

Der zweite insert

"javascript.format.semicolons": "einfügen",

Fügen Sie beim Formatieren am Ende des Satzes ein Semikolon hinzu. Die Auswirkung ist wie folgt:

Bitte fügen Sie eine Beschreibung des Bildes hinzu

Die dritte Art remove

"javascript.format.semicolons": "entfernen",

Beim Formatieren wird am Ende des Satzes kein Semikolon hinzugefügt und die Auswirkung ist wie folgt:

Bitte fügen Sie eine Beschreibung des Bildes hinzu

Wenn Sie andere Konfigurationen zur Codeformatierung benötigen, können Sie mir im Kommentarbereich eine private Nachricht senden. Ich werde in Zukunft möglicherweise noch ein paar weitere Artikel zur Formatierungskonfiguration schreiben.

Dies ist das Ende dieses Artikels zum automatischen Hinzufügen oder Entfernen von Semikolons in VSCode-formatiertem JS. Weitere Informationen zu VSCode-formatiertem JS finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Detaillierte Erklärung zur Verwendung von Code zum Formatieren der Konfiguration mit dem Prettier-Plugin in vscode
  • Implementierung der VSCode-Formatierung eingerückten Codes
  • VScode-Formatierungsmethode mit ESlint (die umfassendste und beste Methode)
  • Automatische Formatierungsmethode für Vue-cli Eslint-Code in vscode
  • Lösen Sie das Problem, dass vscode beim Formatieren von vue automatisch Semikolons und Anführungszeichen hinzufügt

<<:  Docker führt einen Befehl in einem Container außerhalb des Containers aus

>>:  Erläuterung der Bedeutung des Head-Area-Codes anhand von HTML-Webseitenbeispielen

Artikel empfehlen

Einführung in verschiedene Möglichkeiten zur Einführung von CSS in HTML

Inhaltsverzeichnis 1. CSS-Stile direkt in HTML-Ta...

Schreiben von Methoden, die in nativem JS verboten sein sollten

Inhaltsverzeichnis Funktionen auf Blockebene Ände...

Spezifische Verwendung von Docker Anonymous Mount und Named Mount

Inhaltsverzeichnis Datenvolumen Anonyme und benan...

CSS3-Übergang zum Erreichen des unterstrichenen Beispielcodes

In diesem Artikel wird der Beispielcode für den C...

Zusammenfassung neuer Anwendungsbeispiele für Calculated in Vue3

Die Verwendung von „Computed“ in vue3. Da vue3 mi...

Jmeter stellt eine Verbindung zum Datenbankprozessdiagramm her

1. Laden Sie den MySQL-JDBC-Treiber (mysql-connec...

So verwenden Sie Docker zum Erstellen eines privaten pypi-Repositorys

1. Konstruktion 1. Bereiten Sie die Datei htpassw...

So erstellen Sie PHP7 mit einem benutzerdefinierten Docker-Image

Führen Sie zunächst eine einfache Docker-Installa...

Lösen Sie das Problem inkonsistenter Front- und Back-End-Ports von Vue

Die Front- und Back-End-Ports von Vue sind inkons...

React implementiert doppelten Schieberegler zum Querschieben

In diesem Artikel wird der spezifische Code für R...

Implementierung der CSS-Bildlaufleisten-Stileinstellungen

WebKit-Bildlaufleistenstil zurücksetzen 1. Die Bi...

Zentrieren des Formulars in HTML

Ich bin einmal auf eine Aufgabe gestoßen, bei der...

Vue implementiert Video-Upload-Funktion

In diesem Artikelbeispiel wird der spezifische Co...