Detaillierte Erklärung zweier schneller Möglichkeiten zum Schreiben von console.log in vscode

Detaillierte Erklärung zweier schneller Möglichkeiten zum Schreiben von console.log in vscode

(I) Methode 1: Vorab direkt im Skript-Tag definieren, gilt nur für diese HTML-Datei!

 lass add = Funktion(a,b){
 	gib a + b zurück;
 };
 Konsole.log(Hinzufügen(20,300));
 
 const { ['log']:C } = Konsole;
 C(add(20,300));

(ii) Methode 2: Drücken Sie die Tabulatortaste, um schnell console.log zu generieren, und der Cursor befindet sich in (). Drücken Sie die Tabulatortaste erneut und der Cursor springt automatisch zur nächsten Zeile!
1. Öffnen Sie den vscode-Editor, wählen Sie Datei -> Einstellungen -> Benutzerausschnitte, geben Sie javascript.json ein und drücken Sie die Eingabetaste.
Wenn wir es zum ersten Mal verwenden, finden wir den folgenden kommentierten Code:

{
	// Platzieren Sie hier Ihre Snippets für Javascript. Jedes Snippet wird unter einem Snippet-Namen definiert und hat ein Präfix, einen Text und 
	// Beschreibung. Das Präfix wird verwendet, um das Snippet auszulösen und der Body wird erweitert und eingefügt. Mögliche Variablen sind:
	// $1, $2 für Tabulatoren, $0 für die letzte Cursorposition und ${1:label}, ${2:another} für Platzhalter. Platzhalter mit dem 
	// Gleiche IDs sind verbunden.
	// Beispiel:
	// "Auf Konsole drucken": {
	// "Präfix": "Protokoll",
	// "Körper": [
	// "Konsole.log('$1');",
	// "$2"
	// ],
	// "Beschreibung": "Ausgabe in Konsole protokollieren"
	// }
}

2. Die folgenden Intervallcodes werden zum Freigeben des Beispiels verwendet. Die Bedeutung einiger Parameter ist wie folgt:
①prefix: Der Eintrag für Code-Tastenkombinationen. Hier können wir ihn nach persönlichen Gewohnheiten einstellen. Wenn ich beispielsweise cl einstelle, kann ich console.log direkt mit der Tabulatortaste generieren;
②body stellt den Hauptteil des Codes dar:
$1 gibt die Position an, an der der Cursor zum ersten Mal erscheint, nachdem der Code schnell generiert wurde
Unter "console.log('$1');" steht $2, das heißt, nach der schnellen Generierung von console.log() bleibt nach dem Code noch eine Zeile übrig und beim erneuten Drücken der Tabulatortaste springt der Cursor zu $2 (der linken Zeile).

{
	// Platzieren Sie hier Ihre Snippets für Javascript. Jedes Snippet wird unter einem Snippet-Namen definiert und hat ein Präfix, einen Text und 
	// Beschreibung. Das Präfix wird verwendet, um das Snippet auszulösen und der Body wird erweitert und eingefügt. Mögliche Variablen sind:
	// $1, $2 für Tabulatoren, $0 für die letzte Cursorposition und ${1:label}, ${2:another} für Platzhalter. Platzhalter mit dem 
	// Gleiche IDs sind verbunden.
	// Beispiel:
	"Auf Konsole drucken": {
		"Präfix": "cl",
		"Körper": [
			"console.log('$1');",
			"$2"
		],
		"description": "Ausgabe auf Konsole protokollieren"
	}
}

Dies ist das Ende dieses Artikels über zwei schnelle Möglichkeiten zum Schreiben von console.log in vscode. Weitere relevante Inhalte zum Schreiben von console.log in vscode finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • Liste der gängigen Vscode-Tastenkombinationen, Plug-In-Installation, detaillierte Erläuterung zu console.log

<<:  Die Verwendung von FrameLayout in sechs Layouts

>>:  Lösung zum Hinzufügen einer iptables-Firewall-Richtlinie zum MySQL-Dienst

Artikel empfehlen

Zusammenfassung der Methoden zum Abfragen von MySQL-Benutzerberechtigungen

Einführung von zwei Methoden zum Anzeigen von MyS...

Webdesign-Erfahrung: Das Navigationssystem schlank machen

<br />Bei Diskussionen mit meinen Freunden h...

Natives JS zum Erzielen von Verzeichnis-Scrolleffekten

Hier ist ein Text-Scrolling-Effekt, der mit nativ...

Zusammenfassung und Praxis des Javascript-Prototyp-Kettendiagramms

Inhaltsverzeichnis Prototypenkette Wir können ein...

Analyse von MySQL-Latenzproblemen und Datenlöschungsstrategieprozess

Inhaltsverzeichnis 1. MySQL-Replikationsprozess 2...

Verwendung der MySQL SHOW STATUS-Anweisung

Um die Leistung von MySQL anzupassen und den Dien...

Eine kurze Analyse der Konfigurationselemente des Angular CLI-Releasepfads

Vorwort Bei der Projektfreigabe ist immer eine Ve...

So verwenden Sie Nginx als Proxy-Cache

Der Zweck der Cache-Verwendung besteht darin, den...

Beispielcode einer SVG-Schaltfläche basierend auf einer CSS-Animation

Der spezifische Code lautet wie folgt: <a href...

Detaillierte Erläuterung der MERGE-Speicher-Engine von MySQL

Die MERGE-Speicher-Engine behandelt eine Gruppe v...

Lösung für die Lücke zwischen Divs

Wenn Sie HTML-Div-Blöcke verwenden und die Mitte ...

Verwendung des Vuex-Namespace

Inhaltsverzeichnis Da Vuex einen einzelnen Zustan...

Lösen Sie das Problem der Angabe der UDP-Portnummer im Docker

Wenn Docker einen Container startet, gibt es den ...

So verbinden Sie Django 2.2 mit einer MySQL-Datenbank

1. Beim Ausführen des Projekts werden folgende Fe...