Miguel Ángel Durán Profile picture
👨‍💻 Ingeniero de Software y Divulgador de Programación ⭐ Google Dev Expert + Microsoft MVP 🎓 Academia → https://t.co/HZWaaG7wJU 🔴 Twitch → https://t.co/fcahiemHdr

Jul 31, 2022, 9 tweets

Si usas Visual Studio Code en tu día a día estoy seguro que no le estás sacando el máximo partido.

Aquí tienes 7 TRUCOS para trabajar como un PRO y ahorrar tiempo:

¿Necesitas crear un fichero y a la vez algún directorio?

❌ NO crees la carpeta manualmente y luego el archivo.
Puedes crear el fichero directamente con toda su estructura DE UNA.

Separa las carpetas con / y finalmente añade el archivo.

¡Y así lo haces todo de una vez! ⬇️

¡NO uses ninguna extensión para COLOREAR tus paréntesis!
Code ahora lo tiene integrado y funciona de LUJO.

Detectarás más rápido las llaves y paréntesis de tu CÓDIGO.
Funciona en cualquier lenguaje de programación.

Activa estas opciones y mira cómo queda en el código:

Desde la terminal, puedes abrir la carpeta en la que te encuentras en Visual Studio Code.

Para hacerlo, ejecuta el comando:
code .

¿No te encuentra el ejecutable de Code?
Necesitas ejecutar esto en tu editor:

En Visual Studio Code puedes pinear 📌 los archivos de tu proyecto.

De esta forma no tendrás que andar buscándolos cada dos por tres.

Yo lo suelo usar para el archivo package.json y así lo tengo siempre visible.

Te quedarán así:

Hay cuatro atajos de teclado ⌨️ que me parecen ESENCIALES para la vida del programador:

- Mover líneas de código arriba y abajo.
- Cortar, copiar y pegar una línea sin seleccionar
- Eliminar una línea completa.
- Comentar/Descomentar líneas.

Te los enseño aquí:

Si tienes que ordenar líneas alfabéticamente.
NI SE TE OCURRE hacerlo MANUALMENTE.

1. Selecciona las líneas que quieres ordenar.
2. Abre la Paleta de Comandos.
3. Selecciona "Sort lines ascending" (o descending)
4. Enter y... ¡listo!

Si haces hover encima de un color en CSS, te abrirá un selector.

Allí puedes elegir el color y la transparencia que quieras.

Cada vez que selecciones un nuevo color cambiará el valor.

Haz clic en la barra con el color para cambiar entre formatos rgba, hexadecimal, hsl y hwb.

¡Comparte estos 7 TRUCOS con un RT para que llegue a más gente!
Si veo que hay interés, hacemos otra lista con 7 TRUCOS más. 🤩

¡Y ahora a ponerlos en práctica en tu día a día para ser más productivo!

Share this Scrolly Tale with your friends.

A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.

Keep scrolling