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

Grafisches Tutorial zur Installation der 64-Bit-Desktopversion von Centos 7

Wenn Sie der Meinung sind, dass das System langsa...

Windows kann den MySQL-Dienst nicht starten und meldet Fehler 1067 – Lösung

Als ich mich bei MySQL anmeldete, wurde mir plötz...

Spezifische Schritte zur Verwendung des Vant-Frameworks im WeChat-Applet

Inhaltsverzeichnis 1. Öffnen Sie das Projektverze...

Reagieren Sie auf die Verarbeitung von Fehlergrenzkomponenten

Dies ist der Inhalt von React 16. Es ist nicht di...

Detaillierte Erklärung der Linux-Less-Befehlsbeispiele

weniger Dateiname Datei anzeigen kleiner Dateinam...

InnerHTML verstehen

<br />Verwandte Artikel: innerHTML HTML DOM ...

Eine kurze Diskussion über die Verwendung und Analyse von Nofollow-Tags

Kontroverse um Nofollow Zwischen Zac und Guoping ...

Detaillierte Einführung in den MySQL-Datenbankindex

Inhaltsverzeichnis Mindmap Einfaches Verständnis ...