Quel est le raccourci de console.log dans Visual Studio Code ?

Question

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

Answer 1

Mise à jour en février 2019 :

Comme le suggère Adrian Smith et autres : Si vous souhaitez lier un raccourci clavier pour créer une déclaration de journal de la console, vous pouvez procéder comme suit :

1. Fichier > Préférences > Raccourcis clavier
2. Au-dessus de la barre de recherche à droite, vous verrez cette icône Cliquez dessus. ( Lorsqu'on le survole, il est indiqué : Ouvrir les raccourcis clavier (JSON)

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;" } }

Presser CTRL + SHIFT + L affichera l'extrait de la console. De plus, si vous avez déjà sélectionné du texte, il sera placé dans l'instruction log.

---

Si vous voulez plutôt de l'intelligence/autocomplétion :

Ir a Préférences -> Extraits de texte de l'utilisateur -> Choisir Tapuscrit (ou la langue de votre choix) ou un "Global Snippet File", selon vos besoins. A json devrait s'ouvrir. Vous pouvez y ajouter des extraits de code.

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

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

Auparavant, vous deviez effectuer cette opération pour chaque langue, mais désormais, dans le "Global Snippet File", vous pouvez définir les paramètres de l'utilisateur. scope qui vous permet de déclarer explicitement plusieurs langues.

Si vous avez besoin du nom exact de la langue : vérifiez-le en cliquant sur le bouton Select Language Mode dans la partie droite de la barre d'outils inférieure de VS Code. Il vous demandera de sélectionner une langue en haut et dans le processus, il affichera le nom JSON de la langue entre parenthèses, que vous pouvez entrer dans le fichier snippet comme dans l'exemple ci-dessus.

---

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 de snippets dans Préférences -> Paramètres -> Editeur de texte -> Suggestions

Answer 2

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 pour console.log(object); vous pouvez simplement utiliser ce raccourci clg et appuyez sur Ctrl + Space pour une suggestion et appuyez sur Enter
Note : Cette fonction est disponible lorsque vous installer des extraits de code JavaScript (ES6) extension.

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

• clg para console.log(object);
• clo para console.log('object :', object);
• ccl para console.clear(object);
• cer para console.error(object);
• ctr pour console.trace(object);
• clt para console.table(object);
• cin para console.info(object);

• cco para console.count(label);

  (Cette liste continue...)

  De même, une autre grande extension à cet égard est Journal de la console Turbo . J'utilise personnellement ces deux produits au quotidien et j'apprécie leur combinaison.

---

Références :

1. lien pour les extraits de code JavaScript(ES6) :

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

2. Aperçu à partir de Visual Studio Code :

Answer 3

La première réponse de @Sebastian Sebald est parfaitement bien, mais rencontrant un problème similaire (pas console.log spécifiquement, mais plutôt son "absence"), je voulais également apporter une réponse.

Votre préfixe fonctionne effectivement - par défaut son log et dans votre cas, vous l'avez changé en c . Lorsque vous tapez log (o c ) VSCode va générer une liste complète de "toutes les choses™" en fonction de nombreux facteurs (ie je ne sais pas quels facteurs, probablement la pertinence de la classe).

Les éléments comme les extraits ont tendance à graviter vers le bas. Pour les faire remonter vers le haut, malgré leur longueur, ajoutez ceci à vos paramètres :

"editor.snippetSuggestions": "top"

Answer 4

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

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

1. Aller à : Fichier > Préférences > Raccourcis clavier

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

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

4. Entrez le code fourni par @kamp

Answer 5

L'autre moyen est d'ouvrir keybindings.json et ajoutez la combinaison de touches que vous souhaitez. Dans mon cas, c'est :

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