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!
• • •
Missing some Tweet in this thread? You can try to
force a refresh
Lo más importante. NO HAY ATAJOS y necesitas tiempo.
Comienza con una base sólida. Domina los fundamentos de la programación: algoritmos, estructuras de datos y patrones de diseño.
Ese conocimiento te servirá siempre.
2 🧠 Profundiza en tu Stack
Para iniciarte es buena idea saber un poco de todo, te abre más posibilidades en el mercado, pero conforme ganas años de experiencia te ayudará especializarte.
Eso sí, tampoco te cierres en banda a nada nuevo. La tecnología cambia rápido.
Con imports dinámicos puedes cargar bibliotecas sólo cuando las necesitas.
Por ejemplo: Si necesitas algo sólo tras la interacción del usuario...
¡Entonces cárgalo entonces y no desde el principio!
Un ejemplo con código JavaScript:
2. Detecta el JS y CSS que no necesitas
Usa la pestaña de Cobertura en las DevTools.
Te dice el % de uso de cada uno de tus archivos
Al darle a un archivo, te muestra las líneas que se usan
Así detectas fácil qué no estás usando
Cursos de Google para Aprender Programación Web
En Español, desde cero y sin coste ↓
Aprende HTML
Curso de HTML para desarrolladores web que va de nivel principiante hasta experto. Repasas todos los elementos y atributos que debes conocer, además de la semántica de la web.