Cómo configurar VSCode para que sea ASOMBROSO! 😎🤓 | Extensiones, Tips y temas
ฝัง
- เผยแพร่เมื่อ 24 ก.ค. 2024
- Primer año a solo 49.90 USD con el cupón "vsconf". Acceso a todos mis cursos: academia.holamundo.io
o aquí: academia.holamundo.io/bundles...
Mi música libre de copyright para youtube y twitch:
En Spotify: spoti.fi/2OdCxP5
En Apple Music: apple.co/3cgI3sm
Mi web: holamundo.io
Discord: bit.ly/3GnTA6y
Twitter: / _nasch_
Instagram: / naschurmann
Todos mis cursos:
Curso gratuito de vim!: bit.ly/3rU5Llp
Curso gratuito de GIT: bit.ly/3vJqb4t
Curso gratuito de HTML: bit.ly/3lwnlJB
Curso gratuito de CSS: bit.ly/3u7W4AR
Curso gratuito de SQL: bit.ly/3717L5j
Curso gratuito de Docker: bit.ly/3NYsKFy
Curso gratuito programación: bit.ly/3CQBeMy
Curso gratuito de VSCode: bit.ly/3DgPIW6
TypeScript - Sin Fronteras: bit.ly/3P867QY
React - La guía definitiva: bit.ly/3CNF9qr
Python sin fronteras: bit.ly/2VeYSPN
Aprende Javascript ES9, HTML, CSS3 y NodeJS desde cero: bit.ly/37cZNm3
Testing con jest y enzyme bit.ly/3lyvqz9
react native sin fronteras bit.ly/3xopU4o
Patrones de diseño en javascript: bit.ly/3j9JnjX
Como implementar SCRUM con XP en tu proyecto o empresa bit.ly/3ykQj46
TDD en nodeJS, guia de test con jest bit.ly/2V4oGhB
Serverless RESTFul API con NodeJS: guía fácil y definitiva bit.ly/37aId2h
React, Redux, Typescript, Firebase: Fullstack Serverless bit.ly/2Va0Xwc
ReactJS y redux: experto en frontend en español bit.ly/3fmyDxD - บันเทิง
![[ไฮไลต์] ฟุตบอลชาย อุซเบกิสถาน vs สเปน รอบแบ่งกลุ่ม | โอลิมปิก 2024](http://i.ytimg.com/vi/2ps5WKV1Mq0/mqdefault.jpg)
Me encantó el resultado, ahora mi espacio de trabajo es mucho más agradable, ¡muchas gracias Hola Mundo!
17:53 El último cambio es sublime. Oculta los acceso para que no se vean en pantalla, pero coloca un post it al lado de la pantalla para poder verlos.
Sabes si también se pueden eliminar??
save
extrañó a sublime
Total! 😂😂😂😂
Hermano un saludo desde Valledupar - Colombia. Que material tan bueno. Muchas gracias por tus aportes. Saludos. Sigue mejorando aun más.
Y o tambien soy de los que No entendia a otros canales de programación... Pero con este buen amigo e entendido mucho...Mil gracias saludos desde Colombia.
9:46 También se puede navegar entre los archivos usando ctrl + tab, si lo presionas una vez pasas al archivo anterior al que estabas y si lo dejas presionado te muestra la lista
Exactamente compañero, así es como le hago yo, creo que es más rápido.
Y gracias por compartirlo con los demás, saludos!
Esa es la manera en que lo hago habitualmente y es super sencilla (es la misma que se usa en las pestañas de los navegadores)
@@Iam_AndersonP él está acostumbrado a mac, seguro por eso lo menciona.
@@NwelOzSoul yo tambien uso mac, el punto es que cambiar entre pestañas es casi igual en todas las aplicaciones
@@Iam_AndersonP entonces es solo dato curioso y ya. XD
muchas gracias el video me ayudo mucho en configuar el VC Code y adaptarlo a mi forma de trabajo. Te bendigo por la sabiduria que Dios te dio. Saludos desde venezuela
17:40 También se puede añadir atajos personalizados. Yo por ejemplo siempre tengo la barra de estado oculta, pero cuando presiono ctrl + shift + k -> b, se hace toggle a workbench.statusBar.visible. Y asimismo se pueden configurar otros comandos
¡Extraordinario!, de lo mejor que he visto en temas de configuración de VS Code, felicitaciones por el trabajo
Hola Nico, convertiste tu visual studio code en un block de notas de Windows 😅
😂
jajaja literal un block de notas de windows, excelente video master!
En efecto 😂😂😂
Yo dije, no sería más fácil desinstalarlo?, nada le gustó 😂
Solo instalé el "Material Icon Theme"
Muy buen video, bien explicado y buena edición. Gracias
Excelente amigo gracias por el aporte y tu sabiduria
Excelente video, gracias por compartir tus conocimientos, Saludos desde Perú.
No creí que fuera posible, pero este vídeo me hizo volver a VSCode. Hermosa configuración te sacaste, Nico!
Y cuál usabas antes?
y que usabas antes? quiero decir, no conozco un editor mejor que VSCode.
Usé varios (notepadqq, vim, emacs...), pero el que más usé fue geany. VSCode lo había usado pero me quedé con Geany por su ligereza. Pero es que está configuración es tan bonita que no me importa que mi PC sufra un poquitín más con VSCode.
Excelente video, me fascinó y aplique todo lo que decía, la experiencia al programar ahora es mucho más inmersiva y profesional. Aunque tengo una duda y no sé cómo solucionarla, me gustaría que al tener el cursor sobre un tag HTML se muestre lo mismo que al instalar la extensión Subtle match brackets que instalaste en el minuto 14:15
Videazo, lo que necesitaba! Saludos! 🇲🇽✌🏻
gracias por el tutorial, estaba buscando algo asi , aun no me la juego del todo porque estoy empezando recien pero me sirvio algunas cosas jajaja gracias. quizas mas adelante ya saliendo del curso de oracle me inscribo en tus cursos para reforzar :D se agradece
Muchas gracias amigo, me encanto tu frase final, bendiciones.
Al final del vídeo estaba "pero tioooooooo ¡Pará, emosion!" JAJAJAJA, me ha servido la mitad de la configuración en el principio. Muchas gracias bro.
Excelente, muchas gracias por los tips de configuración. Saludos!!
Genial!! una pista si presionas CTRL+Tab te muestra las pestañas abiertas y seleccionas la que quieras, con CTRL + Av.Pag vas a la pestaña abierta siguiente
Excelente, me gusta que, gracias a esta configuración, uno mismo es obligado a usar teclas de acceso, dando como resultado, un trabajo eficaz. Gracias por los tips!
Consejos y falta ¡
Necesitaba un video como este, esto que vas configurando pero al tener varios dispositivos cada uno tiene una configuración distinta
Gracias Nico, explicas mejor imposible!
Me encantaron los colores de los temas se ve muy profesional.
Muchas gracias por tu explicaciones de configuracion, tips, etc... Te ganaste mi LIKE
Excelentes tips para poder trabajar con VScode la verdad son muy buenos tus videos Nicolas saludos desde mexico
Excelente, me encantó esta configuración del VS code, gracias.
Video sumamente útil. Muchas gracias Nico
Eres un crack bro gracias por hacer este tipo de contenido uff super motivado Gracias!
muchas gracias holamundo muy buen tutorial me costo un poquito por que es mi primera mac pero lo logre quedo muy chula!!! gracias. tendras algun video donde ver estos temas con mac.
Excelente contenido bro, genial la experiencia con estas configuraciones, muchas gracias, saludos desde Colombia.
Pana que buen tutorial, por fa para el futuro haz el curso de tu configuracion personal en vim actualizado 😍😍
Excelente video hermano..saludos desde Argentina!!
Después de dejar mi editor vs-code minimalista, sensual y libre de distracciones, terminé por abandonar la programación. No pude depurar, me perdí en las tabs, no encontraba nada y olvidé los atajos. Es broma parcero, muy buenos tips, de verdad útiles, una configuración mínima brutal. Saludos
consejos*
JAJAJA
Hola Nico, el buzo que llevas puesto de Scooby Doo está Mortalll. Me encantó 👍🏼
justo estaba viendo un video tuyo y me llego la notificacion de que subiste video 😄
Excelente, tengo super espacio para crear. Muchas gracias
Muy bueno Nico! Muchas gracias!
espectacular me gusta como quedo muchas gracias😁😁
Un crack!!! Tus videos son oro!!!
Super super!!, lo configure bien, gracias totales.
Lo voy a configurar, gracias!!
porfin un video al buen estilo clásico de Hola Mundo.
Eres un crack mi hermano mereces un 100
Genio! Gracias por la info!
Excelente video para procrastinar un lunes por la mañana xD. Gracias!!
9:29 lo que yo hago para cambiar entre archivos es teclear alt + 1, alt + 2, y así sucesivamente, dependiendo de la posición del archivo al que quiero entrar.
Muy buen video :D 10 de 10.
muchas muchas gracias! estaba desesperado por quitar esa barra de actividades!
GENIO!!! Gracias por esto 🎉
Nicolás, eras mi idolo no me decepciones, haz uno igual que este pero para vim🤫
Muchas gracias 🙂 eres el mejor 😃, te puedo hacer una consulta porfavor 😐: cuando tu pones dos comillas el puntero se pone directo al centro, como hiciste eso? hay que configurar o instalar alguna extension?
Gracias bro, nesecitaba esto.
¡Te amamos, Nico!
Listoo. Configurado mi VSC ❤
Me parece genial liberar el espacio para trabajar, de verdad que es bastante útil, muy buen video, hay cosas que sí prefiero conservar, pero ya es por gusto personal…
@HolaMUndo hola, como queria preguntarte que herramientas utilizas para dibujar encima de lo que se muestra en la pantalla'(quizas material para un video 😄)
Me parece super utile para las reuniones por meet/zoom .... Gracias anticipadamente! sigue asi crack!!!
Super genial! Muchas gracias, yo utilice el tema de Noctis Oscuro de Liviu Schera, para algo más aesthetic y me encanto :3
Gracias Nico, voy a pimpear mi VScode
muchas gracias crack por el aporte, saludos desde el defectuoso
Lejos fue ocultar el mini mapa de la derecha, y las barras laterales de navegacion, que maravilla como quedo ahora jajaja muchas gracias maestro
Cordial Saludo,
Primero agradecerte por tan excelente vídeo, estoy retomando el tema de programación, y esto me ayuda bastante.
por otro lado la configuración de la terminal que configuras no me aparece Git Bash. Se debe tener alguna otra configuración de mas?
NIco, por favor haz un curso en tu academia de basico a avanzado y/o de intermedio a muy avanzado en docker por favor :D
Me gusta bastante su estilo del vs code.. se ve nice! yo poco a poco voy haciendo los cambios a mi estilo en settings.json. Pero genial su projectos hermano, saludos! ya le di el follow.
Me agrado el tema para el editor y mover a la derecha el activitybar a la derecha, de lo que no me puedo despegar es de las pestañas me muevo por lo general con ctrl + (re pág || av pág), asi que tengo que ver cual es mi pestaña a la derecha o a la izquierda
Jaja!... Muchas Gracias!!... quité tabs, pero dejé todo lo demás porque me gusta y lo 'necesito'... xD ... también me encantó subtle match, y ya estoy agendando mis atajos de teclado favoritos, ahora si que me quedó sensual!.. .xD ... Saludos HolaMundo!!
hola te felicito por tus video
!!!!! te quejria preguntar como se llama el mouse / lapiz que usas en tus videos que son muy didacticos, desde ya gracias
Muchas gracias!
Muy buen video, desde hace tiempo quería quitar el mini mapa, pero no sabía como.
me gusta demasiado tu style de outfit jajahs
me encantaron estas configuraciones
Acabo de aplicar esta configuración para trabajar con C# y Unity 3D. Espectacular el resultado. 😁
simplemente Gracias😀
Me pareció god el concepto de pasar el explorador de archivos a la derecha. Nunca había tomado en cuenta como de esa manera evitas el desplazamiento y te interrumpe mucho menos visualmente la aparición
Desde que tengo dos monitores de 24, medi cuenta de esa idea, ya que molesta menos en realidad
Lo estoy probando y me cambio la sensación 100%
que va, tiene q ser uno muy pro para estar seguro de aplicar esos cambios, en unos 9 meses mas talves me sienta mas seguro, si me gusta el resultado final, gracias por tus videos
Tengo la configuracion de mi vs code asi como la has mostrado, la una diferencia es que ahora instale la extension de vim para vs code y es necesario la statusBar para ver el modo en el que te encuentras por lo demas, muy buen video.
Como estoy medio ciego me gusto mucho el zoom, gracias excelentes videos
muy buenas configuraciones, he aplicado varias a las que ya tengo.
otra que utilizo mucho para ahorrar espacio en mi espacio y poder tener un monitor vertical es esta otra opción
"editor.tabSize": 2
con esto logro que el ancho de los tabs sea mas peque;o y asi los bloques se vean mas cerca del margen izauierdo y se aprovecha mejor el espacio
Hay que acotar que si estás trabajando en un equipo donde tienen establecidas las reglas de desarrollo esto puede ser diferente. Lo normal y lo que más me he encontrado es que este parametro esté configurado a 4 espacios. Saludos! :D
@@PlayerCode esta configuración afecta al ancho del tabulador (una tabulación puede no la cantidad de espacios en blanco) si en tu proyecto tienes el editorxonfig ahí estableces la identacion que sea con espacios o tabuladores (debería ser tabuladores) y esta configuración solo establece el ancho de esos tabuladores y si usas formateo automático con alguna herramienta como preetier se hará automáticamente y esta regla no lo afecta
MOBLEMAS jajaja. Videazo!!!! Todo el espacio que se gana. Excelente.
Como un complemento a lo que dice que hay que presionar el nombre del archivo para ver cuales están abiertos, en Windows y Linux con que dejes presionado alt y presiones tab se te mostrará la misma lista
ctrl + tab
Hola amigo me gustan tus videos
17:41 Ñerminal
que gran video, nada mejor que setear a tu gusto tu espacio de estudio *o*
finalmente el video que estaba esperando de parte tuya. Gracias. Aun que yo uso monokai pro
8:25 la mejor parte.
Buen video, también pueden activar el modo zen para tener una vista sin distracciones.
Falto la fuente que estas usando maestro.
Sus videos no tiene desperdicio!
Por fin, como convertir vscode en vim.
Saludos Nico!
grande hola mundo, deje de usar vcode por esos espacios que ocupaba en la pantalla, ahora ya podre programar a gusto como en nvim jajaj🤩
Perfecto😊
está rebien tu video, aunque creo quw esa interfaz minimalista se ajusta mas para frontend developers. Gracias por compartir!
Grandioso video! Con qué app grabas pantalla?
Hola, podrias hacer un video de metodos de estudio para programar, es que siento que no soy eficiente aún.
Excelente video crack,
pregunta, cual es la app que usas para que puedas volver el mouse un lapiz con la wacom la necesito URGENTE desde que te la vi jajajajaja muchas veces necesito rayaŕ algo en pantalla y no tengo una app asi bn para ello
Muy buen video, me gustaria saber como tener el feature de Brackets en VS code donde se peude manipular el CSS en vivo, viendo el tamaño del div, modificando su tamaño, forma, color, posicion etc sin tener que salvar, es parecido el inspect the google pero solo cambiando el CSS, debe existir esto para VS code.
me guarde algunas config, gracias
tienes tus snipest? video de eso?
Hola, que aplicacion de dibujo usas con tu wacon?
jajaja si realmente libere mas espacio y queda mejor a la derecha la barra Gracias brooooo y ademas aprendí algo new Gracias
Hola mundo que tal la extensión de vs code settings sync para poder sincronizar la configuración predeterminada de acuerdo el lenguaje de programación, sabes de alguna alternativa porque la usaba pero ya la tienen deprecada. de pronto ya vs code tiene esa opción de sincronización?
Gracias máster!!!!!
Por favor por curiosidad que programa usa para los videos que sube a TH-cam.
Gracis
Instalar NeoVim, es otro nivel. Y personalizar el keymaping a tu gusto también.
Amigo por favor con que programa subrayas en pantalla