logo

midudev


Transcribed podcasts: 146
Time transcribed: 5d 4h 24m 1s

This graph shows how many times the word ______ has been mentioned throughout the history of the program.

En este vídeo te voy a compartir 7 configuraciones de Visual Studio Code que tienes que cambiar y que seguramente no conoces.
La primera es para cambiar el cursor y es que fíjate en este parpadeo que está bastante bien, pero es el parpadeo por defecto.
¿Sabías que se puede cambiar y dejar unos muy bonitos?
Ve a las preferencias de Visual Studio Code y busca Cursor Blinking.
Aquí puedes elegir diferentes, por defecto tienes Blink, pero a mí uno que me gusta mucho es el de Expand.
Al cambiarlo verás que ahora hace este efecto tan chulo de aquí.
Prueba con todos y elige tu favorito.
Otra cosa muy molesta de Visual Studio Code es cuando estás editando HTML.
Al cambiar, por ejemplo, una etiqueta como esta, fíjate que la de cierre se queda exactamente igual.
No instales una extensión para arreglar esto, no hace falta.
Ve a las preferencias de Visual Studio Code y busca Linked Editing.
Y en este caso lo activas y al activarlo verás lo que ocurre.
Vamos a dejarlo como estaba antes.
Al hacerlo clic, ¿ves que ahora está en rojo?
Pues si lo cambias, automáticamente también se cambia el de cierre.
¿A que no lo sabías?
El tercero te va a ayudar mucho con la elegibilidad de tu código con JavaScript o casi cualquier lenguaje de programación que utilice llaves.
Y es que por defecto, ¿ves que las llaves están todas de color gris, incluso los paréntesis?
Para arreglar esto, no instales una extensión.
También Visual Studio Code le puede poner colores automáticamente para mejorar su elegibilidad.
Ve a las preferencias de Visual Studio Code y busca Bracket Pair Colorization.
Actívalo y ahora al volver verás que todas las llaves ahora tienen colores.
Dependiendo de la profundidad, tiene un color diferente.
Pero espera, fíjate que también tenemos unas guías verticales aquí que nos definen como el contexto de esas llaves.
Pues también las podemos colorear.
En ese caso busca Bracket Pair en plural y activa esta opción a True.
Cuando vuelvas verás que tienes los colores aquí dependiendo del color de la propia llave.
Una cosa que a mí no me gusta por defecto de Visual Studio Code es justamente este Breakgram que hay aquí arriba.
¿Sabías que lo puedes desactivar completamente y ganar un poquito de espacio?
Si vuelves a las preferencias de Visual Studio Code y buscas Breakgrams, al desactivar esta opción verás que desaparece del todo.
Pero si echas en falta saber justamente en qué método te encuentras actualmente, te recomiendo mucho que actives la opción de Sticky Scroll.
Busca en las preferencias Sticky Scroll y activala.
Vas a tener siempre una guía arriba en tu editor que te va a indicar dentro de qué contexto o qué método o qué función estás.
Así que mientras vas scrolleando vas a ver que se va a quedar fijo si estás dentro de una función, de un for each o de lo que sea.
Otra cosa que me gusta activar es la animación del cursor.
Y es que cuando tú haces clic en diferentes sitios, el cursor cambia inmediatamente.
A veces es bueno tener como una pequeña guía visual casi imperceptible que haga una animación para mover el cursor de sitio.
Para eso, en las preferencias busca Cursor Animation.
Y en la segunda opción, Cursor Smooth Carrot Animation, lo activamos.
Ahora, cada vez que muevas el cursor verás que hace una pequeña animación que está acompañando el movimiento del cursor.
Incluso también cuando escribes.
Y estas son las 7 configuraciones que quería compartir contigo.
Si te ha gustado, dale like y deja un comentario con la configuración que no haya dicho y que a ti más te guste.
Hasta luego.
Chao.