Saltar al contenido

¿Cuál es el acceso directo en Visual Studio Code para console.log?

Solución:

Actualización de febrero de 2019:

Como lo sugirieron Adrian Smith y otros: si desea vincular un método abreviado de teclado para crear una declaración de registro de la consola, puede hacer lo siguiente:

  1. Archivo> Preferencias> Atajos de teclado
  2. Sobre la barra de búsqueda a la derecha, verá un ícono que cuando se desplaza sobre él dice “Abrir atajos de teclado (JSON)”, Haz click en eso
  3. Agregue esto a la configuración de JSON:
{
  "key": "ctrl+shift+l",
  "command": "editor.action.insertSnippet",
  "when": "editorTextFocus",
  "args": {
    "snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
  }
}

Prensado CONTROL+CAMBIO+L generará el fragmento de la consola. Además, si ya ha seleccionado texto, se colocará dentro de la declaración de registro.


Si prefiere intellisene / autocompletar:

Ir a Preferencias -> Fragmentos de usuario -> Elegir Mecanografiado (o el idioma que desee). A json el archivo debería abrirse. Puede agregar fragmentos de código allí.

Ya hay un fragmento de console.log Comentado:

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

Tienes que hacer esto para cada idioma en el que quieras usar el fragmento … es un poco molesto.


Además, debe configurar "editor.snippetSuggestions": "top", por lo que sus fragmentos aparecen encima de intellisense. ¡Gracias @Chris!

Puede encontrar sugerencias de fragmentos en Preferencias -> Editor de texto -> Sugerencias

Todas las respuestas anteriores funcionan bien, pero si no desea cambiar la configuración del código de Visual Studio, prefiera la finalización automática para console.log(object);
simplemente puede usar este atajo clg y presione control+Espacio por sugerencia y golpe Ingresar

Nota : Esta función está disponible cuando instala la extensión de fragmentos de código JavaScript (ES6).

De manera similar, tiene autocompletado para:

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

    (Esta lista continúa …)


Referencias:

  1. enlace para fragmentos de código JavaScript (ES6):

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

ingrese la descripción de la imagen aquí

  1. Vista previa del código de Visual Studio:

ingrese la descripción de la imagen aquí

La respuesta principal de @Sebastian Sebald está perfectamente bien, pero con un problema similar (no específicamente en console.log, sino que “falta”) quería contribuir también con una respuesta.

Su prefijo está funcionando, por defecto es log y en tu caso lo has cambiado a c. Cuando escribes log (o c) VSCode generará una lista completa de “todas las cosas ™” en función de muchos factores (es decir, no sé qué factores, probablemente la relevancia de la clase).

Cosas como fragmentos tienden a gravitar hacia el fondo. Para subirlos a la parte superior, a pesar de su longitud, agregue esto a su configuración:

"editor.snippetSuggestions": "top"
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *