Was ist die Verknüpfung in Visual Studio Code für console.log?

Ich möchte wissen, wozu die Verknüpfung dient console.log in Visual Studio Code?

Update Februar 2019:

Wie von Adrian Smith und anderen vorgeschlagen: Wenn Sie eine Tastenkombination zum Erstellen einer Konsolenprotokollanweisung binden möchten, können Sie Folgendes tun:

1. Datei > Einstellungen > Tastaturkürzel
2. Über der Suchleiste rechts sehen Sie dieses Symbol Klick es an. (Wenn man mit der Maus darüber fährt, heißt es: Tastaturkürzel öffnen (JSON)
3. Fügen Sie dies zu den JSON-Einstellungen hinzu:

{
  "key": "ctrl+shift+l",
  "command": "editor.action.insertSnippet",
  "when": "editorTextFocus",
  "args": {
    "snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
  }
}

Drücken STRG+SCHICHT+L gibt das Konsolen-Snippet aus. Wenn Sie bereits Text ausgewählt haben, wird dieser außerdem in die Protokollanweisung eingefügt.

Wenn Sie lieber Intellisene/Autovervollständigung wünschen:

Gehe zu Präferenzen -> Benutzerausschnitte -> Wählen Typoskript (oder welche Sprache auch immer Sie möchten) oder eine „Globale Snippet-Datei“, je nach Bedarf. A json Die Datei sollte geöffnet werden. Dort können Sie Codeausschnitte hinzufügen.

Es gibt bereits einen Ausschnitt dafür console.log auskommentiert:

"Print to console": {
    "scope": "javascript,typescript,javascriptreact",
    "prefix": "log",
    "body": [
        "console.log('$1');",
        "$2"
    ],
    "description": "Log output to console"
}

Früher musste man das für jede Sprache machen, aber jetzt kann man das in der „Global Snippet File“ einstellen scope Eigenschaft, mit der Sie mehrere Sprachen explizit deklarieren können.

Sollten Sie den genauen Namen der Sprache benötigen, überprüfen Sie ihn, indem Sie auf klicken Select Language Mode Klicken Sie auf die Schaltfläche auf der rechten Seite der unteren Symbolleiste von VS Code. Sie werden oben aufgefordert, eine Sprache auszuwählen, und dabei wird in Klammern der JSON-Name der Sprache angezeigt, den Sie wie im obigen Beispiel in die Snippet-Datei eingeben können.

Außerdem sollten Sie festlegen "editor.snippetSuggestions": "top", sodass Ihre Snippets über Intellisense angezeigt werden. Danke @Chris!

Snippet-Vorschläge finden Sie unter Einstellungen -> Einstellungen -> Texteditor -> Vorschläge

Alle oben genannten Antworten funktionieren einwandfrei, aber wenn Sie die Konfiguration des Visual Studio-Codes nicht ändern möchten, möchten Sie lieber die automatische Vervollständigung console.log(object);
Sie können einfach diese Verknüpfung verwenden clg und drücke Strg+Raum für Anregung und Treffer Eingeben

Notiz : Diese Funktion ist verfügbar, wenn Sie Installieren Sie JavaScript-Codefragmente (ES6). Verlängerung.

Ebenso gibt es eine automatische Vervollständigung für:

• clg für console.log(object);
• clo für console.log('object :', object);
• ccl für console.clear(object);
• cer für console.error(object);
• ctr für console.trace(object);
• clt für console.table(object);
• cin für console.info(object);
• cco für console.count(label);

  (Diese Liste geht weiter…)

  Außerdem ist eine weitere großartige Erweiterung in dieser Hinsicht Turbo-Konsolenprotokoll. Ich persönlich verwende beides täglich und genieße ihre Kombination.

Verweise:

1. Link für JavaScript(ES6)-Codeschnipsel:

https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets

2. Vorschau von Visual Studio Code:

Typ log und schlagen enter. Es wird automatisch vervollständigt console.log();

Die Top-Antwort von @Sebastian Sebald ist völlig in Ordnung, aber da ich auf ein ähnliches Problem stoße (nicht speziell console.log, sondern „fehlt“), wollte ich auch eine Antwort beisteuern.

Ihr Präfix funktioniert tatsächlich – standardmäßig ist es so log und in Ihrem Fall haben Sie es in geändert c. Wenn Sie tippen log (oder c) VSCode generiert eine vollständige Liste „aller Dinge™“ basierend auf vielen Faktoren (z. B. ich weiß nicht welche Faktoren, wahrscheinlich Klassenrelevanz).

Dinge wie Snippets neigen dazu, nach unten zu tendieren. Um sie trotz ihrer Länge an die Spitze zu bringen, fügen Sie Folgendes zu Ihren Einstellungen hinzu:

"editor.snippetSuggestions": "top"

In Atom gibt es eine nette Verknüpfung für console.log() und ich wollte dasselbe in VS Code.

Ich habe die Lösung von @kamp verwendet, aber es hat eine Weile gedauert, bis ich herausgefunden habe, wie es geht. Hier sind die Schritte, die ich verwendet habe.

1. Gehen Sie zu: Datei > Einstellungen > Tastaturkürzel

2. Oben auf der Seite sehen Sie eine Meldung mit der Aufschrift:
   Für erweiterte Anpassungen öffnen und bearbeiten Sie keybindings.json

3. Dadurch werden zwei Bereiche geöffnet: die Standard-Tastenkombinationen und Ihre benutzerdefinierten Tastenkombinationen.

4. Geben Sie den von @kamp bereitgestellten Code ein

Eine andere Möglichkeit ist das Öffnen keybindings.json Datei und fügen Sie die gewünschte Tastenkombination hinzu. In meinem Fall ist es:

{
    "key": "cmd+shift+l",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
      "snippet": "console.log($1)$0;"
    }
}

Wer sucht Für erweiterte Anpassungen öffnen und bearbeiten Sie keybindings.json

Klicken Sie auf dieses kleine Symbol, um keybindings.json zu öffnen.

Verwenden Sie diesen Code zum Generieren von console.log() und zum Generieren von console.log(“Word”) für ausgewählten Text.

{
  "key": "ctrl+shift+l",
  "command": "editor.action.insertSnippet",
  "when": "editorTextFocus",
  "args": {
    "snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
  }
}