Incrementa tu velocidad usando Visual Studio Code! 🔥
Un repaso por lo aprendido del curso de Fernando Herrera 🤓
Lo aprendido lo estoy extrayendo del siguiente curso dado por Fernando Herrera
https://www.udemy.com/course/vscode-mejora-tu-velocidad-para-codificar/
Movimiento de lineas
Puedes lograrlo con la combinación de teclas Alt + ↑ o Alt + ↓
Comentarios
Ctrl + /, o en mi caso lo he configurado con la combinacion de teclas Ctrl + Alt + Q para poder hacerlo solo con la mano izquierda
Comentarios en bloque
Esto se puede lograr con Shift + Alt + A, aunque en mi caso lo configuré para utilizar Ctrl + Alt + W
Revisar definiciones
Puedes revisarlo debajo de una función con Ctrl + Shift + F12 para verlo debajo
Simplemente con F12 para abrirlo en una nueva pestaña
O mi preferida, usar Ctrl + K + F12 para abrirla a la derecha
Para borrar una línea de código
Eso lo puedes hacer con el atajo Ctrl + Shift + K, aunque yo lo configuré para usar Ctrl + Shift + E
Toggle terminal
Lo lograrás con Ctrl + J
Creación rápida de archivos
Para crear rápidamente un archivo que tenga varios ancestros como folders puedes utilizar ‘New File’ para crear el archivo incluyendo las otras rutas, eso creará no solo los folders si no el archivo que deseas
Clonar líneas
Eso lo puedes lograr con Alt + Shift + ↑ o Alt + Shift + ↓
Siguiente ocurrencia
Puedes lograrlo con Ctrl + D
Definiciones
Puedes acceder con Ctrl + Shift + O
Ve a la linea X
Presiona Ctrl + G y luego el número de línea al que quieres acceder
Renombra definiciones
Ve a una clase específica, luego a su definición.
Presiona F2 y asignale un nuevo nombre
Boom! El nombre se actualiza en todo lugar que use dicha clase! 🤯
🎁 Bonus Configuracion de snippets
Para configurar un snippet presiona Ctrl + Shift + P → “Snippets: Configure Snippets”
Luego en el archivo ts utiliza el ejemplo provisto en el comentario
Tienes 3 elementos principales
prefix: Que es el atajo que utilizarás
body: Que sería el bloque de código que se insertará. “$1”, “$2”, etc significa los lugares donde se ubicara el cursor despues de ejecutarse el snippet, Primero irá a “$1”, luego a “$2”, etc,
description: Es la descripción que te mostrará el autocompletado de VS Code
Dale un vistazo es super util!
📖 Versículo de despedida
Gracias por leer!
🔗 Puedes seguirme en mis redes sociales!
Twitter | LinkedIn | Facebook | Instagram | kievandres.dev
