# Incrementa tu velocidad usando Visual Studio Code! 🔥

<div data-node-type="callout">
<div data-node-type="callout-emoji">💡</div>
<div data-node-type="callout-text">Este blog es mi cuaderno de apuntes de todo apredizaje que vaya realizando 😉</div>
</div>

Lo aprendido lo estoy extrayendo del siguiente curso dado por Fernando Herrera

[https://www.udemy.com/course/vscode-mejora-tu-velocidad-para-codificar/](https://www.udemy.com/course/vscode-mejora-tu-velocidad-para-codificar/)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753736221473/22c7c3ea-c3af-4122-b35e-0dce64993ed6.png align="center")

## Movimiento de lineas

Puedes lograrlo con la combinación de teclas `Alt + ↑` o `Alt + ↓`

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753794439588/fe82aade-2faa-441a-8771-57b12b4850ca.gif align="center")

### 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

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753794802317/c0400bc2-24e1-41fd-a865-01c1ee50c914.gif align="center")

### Comentarios en bloque

Esto se puede lograr con `Shift + Alt + A`, aunque en mi caso lo configuré para utilizar `Ctrl + Alt + W`

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753795019711/3a2bea71-60c3-413c-b257-c06f3178516a.gif align="center")

### Revisar definiciones

Puedes revisarlo debajo de una función con `Ctrl + Shift + F12` para verlo debajo

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753800942513/f848dad2-22df-46b7-a951-2be7e05262e3.gif align="center")

Simplemente con `F12` para abrirlo en una nueva pestaña

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753801033213/d99f726f-2da3-486c-9fa4-08f61d1369cc.gif align="center")

O mi preferida, usar `Ctrl + K + F12` para abrirla a la derecha

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753801298511/32124865-51bb-49e9-8521-d66e1cc85a07.gif align="center")

### 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`

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753801508988/716942d6-32f5-4f4d-ac69-a3f8de093b6f.gif align="center")

### Toggle terminal

Lo lograrás con `Ctrl + J`

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753801716718/3796cfcb-e03b-4666-a07f-65dfe30a1651.gif align="center")

### 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

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753802008175/fea9a911-41ad-433c-afc8-ea2190c5415a.gif align="center")

### Clonar líneas

Eso lo puedes lograr con `Alt + Shift + ↑` o `Alt + Shift + ↓`

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753802220548/d408b9de-9c9c-4649-9206-eeef0d6694af.gif align="center")

## Siguiente ocurrencia

Puedes lograrlo con Ctrl + D

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753803259142/6ba0cd97-7554-46b9-8e7d-a5033659838e.gif align="center")

### Definiciones

Puedes acceder con `Ctrl + Shift + O`

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753803436065/c62eb460-e389-4426-80c2-1e01cd1c4c6c.gif align="center")

### Ve a la linea X

Presiona `Ctrl + G` y luego el número de línea al que quieres acceder

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753803594870/02d4a8ba-0dfc-4f21-852d-55fb05b4213d.gif align="center")

### 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! 🤯

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753803839541/b47bbbf6-e367-4ee4-b513-ba00952c0c0d.gif align="center")

## 🎁 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

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753804236443/45f90a38-30e7-4cc2-a3aa-afa35b146a32.png align="center")

Tienes 3 elementos principales

1. prefix: Que es el atajo que utilizarás
    
2. 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,
    
3. description: Es la descripción que te mostrará el autocompletado de VS Code
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753804160040/7afdf801-85be-4714-97a8-101a4256368f.gif align="center")

Dale un vistazo es super util!

## **📖 Versículo de despedida**

<div data-node-type="callout">
<div data-node-type="callout-emoji">📖</div>
<div data-node-type="callout-text">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. <strong>Mateo 6:32</strong></div>
</div>

## **Gracias por leer!**

🔗 Puedes seguirme en mis redes sociales!

[**Twitter**](https://twitter.com/KievAndresMRV) | [**LinkedIn**](https://www.linkedin.com/in/kievandres/) | [**Facebook**](https://www.facebook.com/profile.php?id=100090037513292) | [**Instagram**](https://www.instagram.com/kievandres/) | [**kievandres.dev**](https://www.kievandres.dev/)