Quel est le raccourci dans Visual Studio Code pour console.log

Je veux savoir quel est le raccourci pour console.log dans le code Visual Studio?

Mise à jour de février 2019:

Comme suggéré par Adrian Smith et d'autres: Si vous souhaitez lier un raccourci clavier pour créer une instruction de journal de console, vous pouvez effectuer les opérations suivantes:

1. Fichier> Préférences> Raccourcis clavier
2. Sous la barre de recherche, vous verrez un message "Pour les personnalisations avancées, ouvrez et modifiez keybindings.json" , cliquez dessus
3. Ajoutez ceci aux paramètres JSON:

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

Appuyez sur CTRL+ SHIFT+ Lpour afficher l'extrait de console. De plus, si vous avez déjà sélectionné du texte, il sera placé dans l'instruction du journal.

Si vous voulez plutôt intellisene / autocomplete:

Allez dans Préférences -> Extraits de code utilisateur -> Choisissez Typecript (ou la langue de votre choix ). Un jsonfichier doit s'ouvrir. Vous pouvez y ajouter des extraits de code.

Il existe déjà un extrait pour console.logcommenté:

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

Vous devez le faire pour chaque langue dans laquelle vous souhaitez utiliser l'extrait de code ... c'est un peu dérangeant.

En outre, vous devez définir "editor.snippetSuggestions": "top"pour que vos extraits apparaissent au-dessus d'intellisense. Merci @Chris!

Vous pouvez trouver des suggestions d'extraits de code dans Préférences -> Éditeur de texte -> Suggestions

Toutes les réponses ci-dessus fonctionnent bien, mais si vous ne voulez pas changer la configuration du code de Visual Studio, vous voulez plutôt l'auto-complétion car console.log(object); vous pouvez simplement utiliser ce raccourci clg et appuyer sur Ctrl+ Spacepour suggestion et appuyer sur Enter
Remarque : Cette fonctionnalité est disponible lorsque vous installez l'extension d'extraits de code JavaScript (ES6).

De même, vous avez l'auto-complétion pour:

• clg pourconsole.log(object);
• clo pourconsole.log('object :', object);
• ccl pourconsole.clear(object);
• cer pourconsole.error(object);
• ctr pour console.trace(object);
• clt pourconsole.table(object);
• cin pourconsole.info(object);
• cco pour console.count(label);
  
  (Cette liste continue ...)

lien pour les extraits de code JavaScript (ES6): https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets

La meilleure réponse de @Sebastian Sebald est parfaitement correcte, mais en rencontrant un problème similaire (pas spécifiquement console.log, mais plutôt "manquant"), je voulais également apporter une réponse.

Votre préfixe fonctionne effectivement - par défaut, il est loget dans votre cas, vous l'avez changé en c. Lorsque vous tapez log(ou c) VSCode générera une liste complète de "toutes les choses ™" basée sur de nombreux facteurs (c'est-à-dire je ne sais pas quels facteurs, probablement la pertinence de la classe).

Des choses comme les extraits ont tendance à graviter vers le bas. Pour les pousser vers le haut, malgré leur longueur, ajoutez ceci à vos paramètres:

"editor.snippetSuggestions": "top"

Tapez loget frappez enter. Il se complétera automatiquementconsole.log();

Dans Atom, il y a un bon raccourci pour console.log () et je voulais la même chose dans VS Code.

J'ai utilisé la solution de @kamp mais il m'a fallu un certain temps pour comprendre comment le faire. Voici les étapes que j'ai utilisées.

1. Allez dans: Fichier> Préférences> Raccourcis clavier

2. En haut de la page, vous verrez un message indiquant: Pour les personnalisations avancées, ouvrez et modifiez keybindings.json

3. Cela ouvre deux volets: les raccourcis clavier par défaut et vos liaisons personnalisées.

4. Entrez le code fourni par @kamp

Une autre méthode consiste à ouvrir le fichier keybindings.json et à ajouter la combinaison de touches souhaitée. Dans mon cas c'est:

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

Toute personne recherchant des personnalisations avancées ouvre et modifie les raccourcis clavier.json

Cliquez sur cette petite icône pour ouvrir keybindings.json.

Utilisez ce code pour générer à la fois console.log () et pour générer console.log ("Word") pour le texte sélectionné.

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

Lorsque vous tapez le journal de mots , vous verrez quelque chose comme ceci:

Choisissez celui qui dit Log à la console au cas où vous voyez différentes options de journal (ce serait fondamentalement possible lorsque vous avez un identifiant avec le nom du journal.

Cliquez sur Entrée.

L'intellisense fera son travail!

Au cas où quelqu'un souhaiterait insérer le texte actuellement sélectionné dans la console.log()déclaration:

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

Tapez 'clg' puis appuyez sur ctrl+ spaceet appuyez sur enter, il se terminera automatiquement console.log().
Pour cela, il vous suffit d'installer une extension, à savoir des extraits de code JavaScript (ES6).

clg + tab

ou comme mentionné ci-dessus,

log + enter (deuxième option dans la liste déroulante)

C'est une vieille question, mais j'espère qu'elle sera utile à quelqu'un d'autre.

Le texte ci-dessous est actuellement sélectionné avec des guillemets simples. J'espère que ça aide

// Place your key bindings in this file to overwrite the defaults
[{
    "key": "ctrl+shift+c",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
        "snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
    }

}]

Voici une meilleure solution

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

Je ne sais pas quelle extension j'utilise mais je tape simplement log et clique sur tab pour compléter automatiquement console.log (); placer le curseur entre les accolades.

Tapez coet appuyez sur tabou enter.

Devrait fonctionner hors de la boîte.

Comme alternative, vous pouvez créer une fonction facile à écrire qui appelle le console.log et ensuite simplement appeler cette fonction.

 var a = funtion (x) {console.log(x)}
 a(2*2);        //prints 4