¡Necesitas cambiar estas configuraciones de Visual Studio Code!
HTML-код
- Опубликовано: 20 авг 2024
- No dejes Visual Studio Code tal y como te lo encontraste. ¡Mejora su funcionamiento cambiando estas configuraciones!
Mucha gente no saben ni que existen y hace que puedas mejorar mucho tu productividad cambiando sus valores por defecto. O, al menos, dejarlo más bonito. Que también es importante.
¡Déjame en los comentarios cuál ha sido tu favorita!
Hay que reconocerle a Microsoft que se ha marcado un editor de código alucinante y super potente. Gracias por los tips.
exacto, es lo amximo
Si, es un gran editor, pero prefiero Webstorm IDE
@@hansfpc4103 cuanto pagas al mes
@@joseysusamigos nada, lo tengo gratis por email de estudiante
@@hansfpc4103 XD conrazon. y realmente eres estudiante o encontraste algun truco para ello, si es asi me lo compartes porfa.
Otra muy buena, que sinceramente me ayuda demasiado es la identación en el explorador, simplemente en la configuración buscais "Workbench", después en "Apariencia" casi al final del apartado aparecerá una opción que será Tree: Indent, ahi podeis subirlo hasta 30 creo o algo así hacer que los subniveles del explorador sean mas notorios, si lo poneis en 25 está joya
Super, Gracias!
Heroe sin capa.
heroe sin capa
Para que sirve esto? Gracias
@@im.braian Esto sirve para que en el explorador de archivos los niveles tengan una indentación, ya que la config por defecto parece que son todos del mismo nivel, esto por ejemplo puede servirte para diferenciar de un vistazo rápido a que carpeta pertenece un archivo.
Otras configuraciones (comparto la mía) que me gustan son:
- Cantidad de espacios por tab
- Ordenar imports al guardado y eliminar dependencias no usadas
Hay muchas cosas útiles que aún desconozco. Muchas gracias
En efecto no funciona con archivos js.
Cuál es el de eliminar dependencias no usadas?
@@javieralexandermorales4588 te comparto mi humilde configuración
cantidad de espacios por TAB está bueno, porque cuando configuras slint, con standar, se vuelve loco con el tab, habría que configurar standard o ese que dices!
Las configuraciones `linked editing` y `bracket pair` nos las conocía y me han parecido maravillosas. Muchas gracias!!!!
Me alegro que te hayan servido. :) Así te quitas algunas extensiones!
@@midudev lo malo es que si borras toda la etiqueta ya no la puedes escribir otra vez, con la extensión si.
edit: si funciona jaja, no sé porque cuando borraba todo y escribía ya no lo seguía la etiqueta de cierre.
edit: No funciona si tiene una clase y borras toda la etiqueta.
@@Goku-kn6gv Gracias me aclaraste esa duda jsjsjs
@@midudev sabes de alguna forma para cambiar como muestra el simbolo de
gracias midu siempre tu haciendo todo para ayudar a esta comunidad pequeña pero fiel
La mejor comunidad de programación del mundo.
Miduu muchas gracias, seria excelente que compartas tu settings.json, o hacer un setup completo de vscode a tu gusto!
Es una buena idea de vídeo
Mañana en el curro me las aplico.
Algunas son bastante útiles y lo mejor de todo sin extensiones.
Yo igual, tag renamer fuera xD
@@habitaquoperez785 segun vi solo me funciona en html, en jsx no:C
La primera y la ultima configuracion del cursor 😍😍. Quizas algunos sabian como cambiarlo, pero me gustaba como se veia en tu editor y no sabia como hacerlo. Pregunte en IG y no respondiste pero con esto como que me lees la mente jajaj :) Gracias hombre!
jajaja Sí, Cristian. Mucha gente me pregunta en privado y es dificil responder a todo el mundo. Así que genial que lo hayas visto en el vídeo!
Bracket pairs, cursor animation y breadcrumbs están geniales, muchas gracias!!
genial que en poco tiempo nos explicas un monton!!
Muchas gracias!! Esa era la idea!!!
gracias, es genial saber que alguien se preocupa por estas cosas y nos lo hace mas facil
😍
Visualizar UNA linea LARGA en varias lineas
En user settings añadir "editor.wordWrap": "on"
esto lo puedes hacer con Alt+Z
gracias midu, desactivar la opción de breadcrumbs me cambió la vida
Andaba buscando esto y justo me sale este video jeje, muchas graciasss
Excelente! 😮
Gracias por compartir :)
🙏😃
De nada 😊
Otra extensión buena es para que haga sonido de máquina de escribir, muy buena info, por cierto, de momento usaba una extensión para colorear las llaves, parentesis, etc, y ahora le agregue el coloreado a las líneas verticales y ayudan bastante.
Como se llama esa que dices de maquina de escribir ?
@@ivanpaezcoronell typing sounds
Puro contenido de valor. Gracias Midu por tu dedicación!
Midu sos un fenómeno, me hice adicto a tus videos, saludos desde Argentina loko 🙌🏽
SOS se usa para pedir socorro. Por favor cambia "sos" por "eres".
Justo lo pregunte los otros dias en directo al cursor blinking, una genialidad estos tips, gracias Midu!
Lo hice por ti el vídeo! 🥹
@@midudev 🙌🏼🙌🏼🙌🏼
Pero que mejor que salir de 2 horas de ver a midu en twitch para ver a midu en youtube 😄
Doble sesión 😊
Joya de video, tope por casualidad el video, gracias por la ayuda, recién empiezo con vsc para programar y estos tips la verdad que ayudan mucho, aunque el de linked editing no me funciono todos los demás, la verdad que son de gran ayuda ♥
Que buenas animaciones para el cursor! Tan minimalistas, gracias!
Excelente video, muy util! seria genial que pudieras hacer una recomendacion de los mejores temas de visual estudio, para quienes comenzamos ! Gracias!
Llevo años programando y no me sabía ninguna. Gracias Midu!!!!
Excelente recomendaciones, gracias, apenas estoy iniciando en el mundo de las programación y todo esto es oro.
Me alegro que te sirva!
El del bracket Pairs me va ha ayudar mucho a identificar los bloques de código
grande Midu, saludos desde Argentina ⭐⭐⭐
Muy buen vídeo, Midu. Muchas gracias por los consejillos :)
Gracias a ti!❤
Uff! Videazo midu!!! De verdad que gran aporte! Como todo lo qué haces! ❤❤❤
Muchisimas gracias!!
Geniales, me he robado un par =). Una configuración con la que no puedo vivir jaja es la de Render Whitespace en "all", me de TOC saber que algunos archivos pueden estar con indentacion mezclada entre espacios y tabs, o con espacios innecesarios al final de una linea, con esa configuración se ve todo. Un formatter puede ayudar con esto, pero necesito ver los espacios en blanco xD
saludos tocquero de otro tocquero ajja
@@sebastiansiman6076 jaja Mr. Tocker saludos, hay otros TOCs pero este es de los más intenso jaaja
Para lo de los espacios puesdes activar "Trim Trailling Whitespaces". Con eso te eliminará los espacios que sobran al guardar el archivo.
@@lombervid gracias por el dato, aunque el formatter ya me lo estaba haciendo ta' bueno el dato 👍🏽
Tqm bro, mis respetos, tu me demostraste que no siempre hay que descargar extensiones. :3
Muchas gracias, Midu! Todas las configuraciones estan geniales!
MIdu, mi vscode no tiene nada que envidiarle a intellij desde que te sigo .... un abrazo crack desde rep. dom.
Esoooooooo! :D gracias, Anthony!
muy grande como siempre midudev !! un saludote a tod@s compainssssss :)
Gracias! 😊
Midu brutal!!!! gracias!, habia muchas utiles que no conocia y super interesantes!!! abrazo bro.
gracias midu love! 💚💚💚💚
De nada 😊
Muchas gracias midu!
La verdad que todas las opciones están barbaras!
El sticky scroll está brutal. Siempre usaba los breadcrumbs, está buenísimo.
Excelente!!!
Muchas gracias crack por estos pequños tips que son de una gran ayuda para solucionar esas pequeñas molestias para algunos
grande bro siempre se aprende algo nuevo en tu canal gracias
Muchas gracias, Juanito!
Una genialidad, y encima en 3 minutos, gracias por los tips rey, apenas toque la compu los activo :D
Muy genial, también está el "Tab Display Size" que nos provee un espacio n 👍
Very useful. Thanks.
Muchas gracias por los tips Miduuuu!
Gracias por ver!
Tuve que volver a este video para volver a ajustar lo estético de vscode >=DD gracias midu!
Tenía activado el Sticky Scroll con un Max Line Count de 5, te puedes imaginar xD Muchas Gracias. 👍
vengo de Twitch, gracias por compartir esta info!!!!
A mi me gusta el Line Height ponerle a 2 para que haya más espacio entre las líneas del código y se lea mejor.
Muy buenas configuraciones las voy a aplicar
Gracias, Midudev eres lo máximo men!
Hola buen día, tengo en visual studio code la extensión de Quokka, pero se detuvo por excesos de mensajes, me podría ayudar, gracias.
gracias por los conceptos, estoy estudiando desarrollo web, a veces funciona la herramienta de inteligencia para las instrucción y a veces no, y el tiempo de presentar en el servidor live cuesta que se refleje los cambios
como puedo investigar, no he visto solución
Excelente tip, me encanta tu canal y gracias como siempre.
Muchas gracias 😊
que buenos tips!!! muchas gracias por compartirlos amigo 👌✔
Con mucho gusto, Daniel!
gracias por los tip
Gracias midu.... Excelente aporte...
Minudev eres un crack!!, sabes si todas estas cosas las puedo hacer tambien en Visual Studio 2022 ?
cunado un párrafo largo, el texto se va a la derecha junto con la barra horizontal de studio code. ejemplo escribo lorem40 y el testo se va full a la derecha. como hago para que el texto se ajusto a la ventana del studio code
como 4 que son puramente por que a vos te encanta xD
hermoso lo de lo brackets tho
Nojoda, midu. Brutaaaaal. ¡Muchas gracias!
Que tema y fuente usas? Se ven muy bien.
cascadia code
Para que aparezcan los tres botones rojo amarillo y verde en la parte superior derecha de visual como es la configuración por favor, gracias.
Excelente Midu, gracias.
Nada mal, ahora si ya tiene un toque perfecto en mi visual
Gracias
Dios santo midudev, eres una máquina!
Una configuracion que hace falta es la de como modificar el ancho del espacio de la numeracion de las líneas de codigo que aparece al lado izquierdo, llevo un tiempo investigando como reducirlo porque el que viene por defecto ocupa mucho espacio pero no he podido...te lo encargo para la proxima.
El ancho es porque a la izquierda de los números hay un espacio para ciertos símbolos. Se puede desactivar.
Busca "editor.glyphMargin" y ponlo a false.
Otra que podes hacer es apretar ctrl + b para ocultar / mostrar las opciones laterales. Al trabajar en una notebook siempre te falta espacio y es una manera rápida de tener todo el código en la pantalla.
Me gustó muchísimo la última. Gracias Midu.
Muchas gracias! 😊 La última es la clave!
buenisimo!! graciass
Hola, cuando intento modificar mi html las etiquetas o el tabulado se mueven solos o se "corrigen" para donde quieren, pense que era alguna extension pero no, como lo puedo quitar?
Que grande! Gracias viejo sabio
Gracias midu, un crack!
como cambiar la configuracion de las pestañas, ejemplo en mi caso solo se muestra una pestaña a la ves, asi abra 100 solo se muestra una, tengo que cerrarla o avanzar hacia atras para poder ver las demas, como lo soluciono
una pregunta eso de expand consumo ram?
Quiero deshabilitar los cuadros de dialogo que aparecen al pasar el cursor por alguna etiqueta o comando.
Ya que al estar progrmando y situar el cursor sobre alguna palabra, apaece el cuadro con la explicación y estorba la visión del código.
¿Me podrías ayudar?
Alguna configuración o extensión para colocar regla de numero de columna? Saludos.
Muy instructivo, gracias
Muy útil Midu!! Gracias.
Muchísimas gracias, está excelente. Una pregunta, cómo hjago para que en Pyhtoin, cada vez que escribo por ejemplo print o if o lo que sea, automáticamente me abra el parentesis? Gracias
excelente gracias bro!
Como te quiero midu, muchas gracias!!
Toma tu like, agradable sujeto. 👍
Alguien sabe cómo cambiar el color del cursor? me agradó el color azul del cursor que se ve en el Visual Studio Code de Midu
Como amplio el margen del Formateo de texto del codigo que no se vea tan angosto ahi veces que es super pequeño y un boton tiene como 10 lineas jeje saludos ,, gran contenido
buen video, el sticky scroll está brutal
Muy buen video amigo. Hace mucho estoy buscando como hacer eso mismo pero para la terminal como personalizarla un video de eso sería genial.
Dato curioso: todas estas opciones antes eran extensiones que tenia instalada, viendo el video me doy
cuenta de que no tenia esas extensiones instaladas pero todas las opciones habilitadas.
hola el bracked pair colorizacion esta activado pero no muestra los colores si conoce a que se debe me ayudaría gracias
Esa no me la sabía. Thank you
Una pregunta como cambian el icono de -> por una flecha y el
no conocia ninguna, espectacular Miguel!
Muchas gracias! Me alegro que te sirvan!
Necesito ayuda, no me aparece la barra del costado
Sé que este video es antiguo, tengo una duda, algunos proyectos en vscode me aparece en el explorar la m u etc. y en otros no, por qué sucede eso? como lo puedo activar/desactivar esa opción. Saludos y gracias por la ayuda
Muchas gracias Miduu!!, una consulta que softaware usas para hacer el zoom con el cual nos mostraste el 1er tips por ejemplo?
esto es oro puro midu, gracias
Informacion que cura, gracias midu!
Gracias, Adrian!!!
me encantaron las configuraciones, muchas gracias :D
Lo necesitaba, gracias por ayudarme
Excelentes, las puse todas, gracias!
Excelente!!! gracias
Muchas gracias, me gustaría saber si hay forma de tener varios proyectos (carpetas) abiertos al mismo tiempo, me parece un poco rollo tener que abrir y cerrar proyectos cada poco.