💡

Este blog es mi cuaderno de apuntes de todo apredizaje que vaya realizando 😉

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

📖

Sólo los que no conocen a Dios se preocupan por eso. Ustedes tienen como padre a Dios que está en el cielo, y él sabe lo que ustedes necesitan. Mateo 6:32

Gracias por leer!

🔗 Puedes seguirme en mis redes sociales!

Twitter | LinkedIn | Facebook | Instagram | kievandres.dev

Incrementa tu velocidad usando Visual Studio Code! 🔥

Table of contents