Extensiones de Visual Studio Code QUE DEBES INSTALAR ahora mismo

Visual Studio Code es uno de los editores de código más usados en el mundo y poco a poco ha sabido ganarse el cariño de los programadores. Como todo buen editor tiene una gran cantidad de extensiones que nos ayudan a trabajar en equipo, a escribir código mucho más rápido, etc. ¿Cuáles son esas extensiones que si o si debes tener instalado? En este video te los mostramos
Si eres estudiante de instituto, colegio o universidad, estudia en EDteam con 50% de descuento 👨‍🎓 bit.ly/3dmxdjm
🚀 Ayudamos a las personas a desarrollarse y alcanzar sus sueños con cursos de programación, diseño y emprendimiento online y en español.
#NuncaTeDetengas
- 🧑‍🎓👩‍🎓 ¿Eres estudiante? Postula a las becas de EDteam: edy.to/estudiantes-yt
- 🎁 ¡Accede a 9 cursos GRATIS de tecnología! edy.to/cursos-gratis-yt
- 🧑‍🏫 Dicta un curso en EDteam: edy.to/profesores-yt
- ⭐ Sube a premium y accede a cientos de cursos: edy.to/premium-yt
- 💻 Mira todos nuestros cursos en: edy.to/cursos-yt
-----
Síguenos en:
🔰 LinkedIn: edy.to/linkedin-yt
🔰 Instagram: edy.to/instagram-yt
🔰 TikTok: edy.to/tiktok-yt

[@EDteam]

Comienza a estudiar gratis programación y tecnología en EDteam 💻 edy.to/yt y *descubre porque en español nadie explica mejor*

[@levycen9694]

3:54 Prettier - Formatear el código 5:29 Live Share - En tiempo real editar un mismo código con un compañero 6:32 Gitlens - Herramientas para trabajr con git 8:07 Editorconfig - Configurar un editor con un archivo 9:53 Polacode - Screenshot de una sección de código 10:30 Eslint - Linter para javascript. 12:39 Indent Rainbow - Colores en el indentado 13:47 Live Server - Servidor local 14:42 SVG - Gráficos hecho con códigos

[@roycabrera3464]

gracias por el aporte

[@jeancarlosluciano9211]

Heroe sin capa👍

[@code_castle]

xq esto es lo que hace un verdadero hombre.

[@alexiscalderon1467]

Kappa sin heroe

[@elProdigio]

@@jeancarlosluciano9211 Héroe sin tilde.

[@mirtaarredondo]

Gracias Alvaro! Soy una joven de apenas sesenta años y estoy aprendiendo programación gracias a tus videos claros, didácticos y entradores. Soy profe de robótica y la programación nunca fue mi fuerte. Gracias a ti comprendo mas y me entusiasma estudiar. La pandemia a muchos les resulta pesado. Yo disfruto tus videos y aprendo.Gracias, gracias, gracias

[@willycasana5820]

Wow! 60 años y aprendiendo programación, es inspirador su caso.

[@willycasana5820]

@@flycrack ya esta corregido, gracias.

[@Ivi_Mendieta]

Gran ejemplo de que no importa la edad para aprender , nunca es tarde.

[@jsp2694]

Hola Mirta de donde eres? somos colegas yo también soy prof. de robótica, tenemos un grupo de whasapp de robótica educativa, te puedo pasar el numero del administrador para que te agregue (pasame un correo)

[@redentor1008]

No la conozco señorita pero mi respeto y admiración !,!, hechele y mucho éxito

Recomiendo también: Error Lens: te muestra los errores dentro del mismo código no tienes que esperar alguna ventana flotante. Import Cost: Cuando utilizas librerías y/o framework en import o require te dice cuando es el peso que estás agregando. Debugger chrome o firefox: depende del navegador esto te ayuda hacer debugger de forma más fácil. One Dark Pro: Es un tema chévere pero es más opcional si no les gusta los tema de vscode. vscode-styled-component: si utilizas react y styled component te ayuda mucho para darle estructura. Settings sync: sincronizar tus configuraciones de vscode en tantas máquinas que desees.

[@migueldelahoz4740]

Breakpoint

[@juancaos01]

Gracias!, me sirve

[@edisoft00]

Gracias

[@carmenxita1292]

gracias! one dark pro esta genial :D

[@jonathanvargasv2009]

Qué alegría saber que existen líderes como usted, apoyando la comunidad de programadores de latinoamerica. Años atrás hubiese querido tener la oportunidad de tener un mentor como vos lo eres para tantos hoy. Aunque llevo años de ser programador, siempre aprendo muchísimo con vos. Saludos desde Costa Rica.

[@tonsofcode2478]

Justo lo que necesitaba, mi dosis de EDteam diaria.

[@TheDestUnknow]

Buen contenido Álvaro, los conocí hace 2 semanas y ya me he visto muchos de sus videos, son de mucha ayuda.

[@sugoiigamer5565]

Excelente dato, recién me uno pero a ustedes, son los mejores. Gracias EDteam !!!

[@rolantb895]

me encanta como EDteam promociona su contenido con conocimiento útil y no con publicidad repetitiva.

[@h1-hackermater]

GENIO!!! Que grandee! Te ganaste un subscriptor más, tus videos son lo más! Enserio, sigue así ;) Te dejo tu merecido LIKE

[@edsontorres3705]

Gracias Alvaro, realmente los contenidos de tu canal son extraordinarios. Saludos

[@emiliohenry2890]

Emilio Henry Soy un amante de la programacion, la estudio de forma autodidacta y sus tutoriales han sido de gran ayuda para mi, gracias.

[@henrycastro2703]

te felicito porque explicas muy bien los temas, y no dejas dudas sobre el alcance de los temas

[@omarrosas5524]

Saludos, un hombre tan humilde, sencillo, y práctico en su labor. Vocación pedagógico.

[@steveo0156]

Muchas gracias por compartir tus conocimientos. Recién empecé a probar VSC y me encantó!

[@leandrocm3019]

Muy bien vídeo de verdad que hará si que seré un poco más rápido, Gracias Álvaro por tus motivaciones, enseñanza de verdad te lo agradezco, sigo tú curso de HTML en tu página y creeme que estoy aprendiendo bastante. Gracias Alvaro

[@PiloGang]

Muchas gracias, tome su clase de HTML y estoy trabajando con vs code para desarrollar la clase.

[@victoraldairgironrodriguez1971]

Wouuu me encanto el video, llevo tiempo buscando un video actualizado de extenciones de VSC y este video es como caido del cielo :D

[@luisyapuchura5486]

Tienes mucho talento pedagógico...he visto muchos videos...los tuyos son los mejores ....sigue así...saludos desde Bolivia.

[@cavetajimmy]

Sigo Aprendiendo cada dia + y +... Gracias por todo :) Lima -Perú

[@CARLOSRAMIREZ-kb4hp]

que buen video, habia algunas extensiones que no conocia, "voy corriendo" a instalarlas

[@davidenriquegomezaconcha2859]

Hola! Soy nuevo suscriptor aqui y me gustan los videos educativos me inspiran a seguir estudiando esta hermosa carrera aunque es dificil y lleva mucho sacrificio todo vale la pena asi que muchas gracias edteam!!

[@celsomartin9634]

Excelentes extensiones! Muchas gracias por toda la info!

[@nifares8744]

Buen video *Muchas Gracias* por el contenido EDteam, saludos desde Honduras.

[@LuisDanilo95]

Git graph también es útil para visualizar las ramas de un repositorio, commits y demás, es como git kraken pero hecha plugin.

[@carlosj.diazflores2999]

No lo conocia, y esta muy genial !!! Gracias por el dato 👍🏻

[@jonathanalbertoacostallall1367]

@@carlosj.diazflores2999 Hola eso es dentro de vs code no?, no lo podria usar dentro de git bash no es asi?

[@luiscaballero1043]

Acepto que subestime el video antes de verlo, oro puro

[@yoni07informatico46]

Muchísima gracias Excelentes vídeo, es de muchas ayuda. Bendiciones

[@joseenet]

Muchas gracias por la información, me gusto mucho eso del concepto del Nuevo Microsoft, Saludos

[@damien4734]

Excelente vídeo.!. Alvaro podrías hablar sobre PWA o Progressive Web App, sus características y vías para su desarrollo, ademas de su participación actual en el mundo laboral y en el desarrollo web, por favor.

[@joseraulescalonaaguilera5478]

Excelente... buen aporte para utilidad de los iniciados en programación. Gracias Álvaro.

[@elgranvegetajl3249]

muchas gracias por sus aportes profe

[@valentinmartinezzepeda4203]

Buen contenido y justo para prepararme para el inicio de mi curso de diseño Web y otras materias :D Saludos.

[@titothiago]

Soy el único que se sintió hipnotizado? Posta, voz de locutor. SALUDOS DESDE ARGENTINA

[@williamswilmanalvarezzabal6064]

Live Share! Andaba buscando algo así! Muchas gracias!

[@javifelices]

Extensiones "generalistas" que no dependan de un lenguaje, diría: - Better Comments - Color Highlight - Path Autocomplete - SonarLint - Visual Studio IntelliCode Y aunque al final no sé que tan usable o cómoda será, pero la indico, Peacock, si abrís varias instanacias de VSCode, se le puede dar a cada una un color

[@MaiteCaceres-2345]

Estimado Alvaro & Team,Gracias por la ayuda y enseñanza !!💻👍

[@lujagose3395]

Excelente video muchas gracias Alvaro

[@gilfoyle9939]

Gracias me sirvio muchismo 👌Nuevo subcriptor!!!!

[@eduardomorenopalacios8779]

Saludos Genial trabajo que hacen, cuidense mucho

[@luisalbertmorlasanchez3020]

Recomendaría tambien extensiones como: -"Live Sass compiler",de Ritwick Dey, si es que estás trabajando con Sass en un rpoyecto Web. -"Git Graph"para ver como van tus ramas con cada merge, commitss, y todos los procesos involucrados con las ramas, ver archivos cambiados en cada commit hecho y mucho mas, se puede ver como un complemento extra a Git Lens que ya se menciona en el video.

[@Agandara01]

Excelente video y material!

[@luisangelcamargoguzman604]

Eres un crack, ¡me ayudas a crecer!

[@guitaristeflamenco]

Muchas gracias!

[@totimang]

muy buenas las extensiones, gracias por compartirlas!

[@Jjosemanuel_05]

Muchas gracias!!

[@fabiovillamil5239]

muchas gracias por su video

[@henry-db]

Buen vídeo con buen contenido acerca de VS Code

[@jairoantoniorohatanzapata9617]

Yo lo uso y es muy interesante. buen video

[@richardfernandojimenez9523]

Muy buen aporte

[@luzmilenaosorno1174]

soy estudiante inicial de html . estoy viendo tus videos y son muy claros mil gracias por esta razon me atrvo a molestarte , gra cias por tener un metodo tan claro pa ra enseñarnos

[@EDteam]

Si quieres aprender más sobre HTML, ingresa a ed.team/cursos/html y empieza a estudiar 👋

[@neptusoneptuso8389]

excelente!! gracias por la info

[@christiangalaviz9631]

Muy buen video, saludos desde México!!!

[@mayannasilvaoliveira3018]

Excelente!!!! Qué software usas para grabar la pantalla de tu computadora?

[@DamianDemasi]

Excelente! Gracias!

[@alexandercanon84]

Hay uno que me gusta y uso mucho se llama ** Flatland Monokai Theme ** Es el tema más bonito que he podido encontrar pruebenlo, Gracias EDteam !! Saludos desde Colombia.

[@GustavoGaleanovc]

genial justo lo que buscaba

[@maximilianoweihmuller298]

Gracias por el video...

[@FJMD1987]

Felicidades por el Video!

[@luismiguelgrajales3851]

Las dos penultimas super buenas, ya mismo las instalo!

[@salaxer]

Me gustaron tus recomendaciones

[@dwlince6473]

Muchas gracias amigo :D

[@ramirogonzalez1590]

Buen video edteam... podrían hacer un video mostrando cual es el proceso final del software después de creado? Y mostrar el proceso que se lleva tanto en un lenguaje interpretado como en uno compilado... como haces funcionar lo que haz escrito en otras terminales , hay un proceso de empaquetado ? Y si lo hay ... como es? Gracias

[@enriqueatala2567]

muchas gracias por el video, una consulta, como se usa el Indent? Saludos

[@keane080489]

Ojala venga la segunda parte, saludos!!

[@Ryussaki]

gracias hermano

[@richardgiraldo363]

grandes videos soy un nuevo suscriptor recien hace como 1 mes y waooo me sorprende la calidad de sus videos y grandes enseñanzas , una consulta con que programa usas para grabarte y poner tus presentaciones?

[@Mike-df4ze]

Excelente saludos EDteam

[@mauricioreyes2838]

excelente, Álvaro es de mucha ayuda, saludos desde Colombia

[@EDteam]

Saludos desde EDteam 🤩

[@joseangellemus5382]

Muchas gracias por el video, EDteam (Álvaro). Recién instalé VS Code y tengo que agregar esas extensiones que sugieres. En los proyectos que estoy trabajando utilizo mucho PHP y he instalado unas extensiones (PHP Intellisense y PHP Live Server), pero no he encontrado cómo configurarlas. La primera es un lint, y la segunda me crea conflicto con el localhost. Ojalá alguien pudiera ayudarme a configurarlas, realmente me sería de mucha ayuda. ¡Sigan creciendo EDteam! Gracias por compartir conocimiento y ayudar a crear un mejor mundo mediante la educación.... NUNCA TE DETENGAS!!! APRENDE, APLICA, PRACTICA!!!

[@rafaelarrietat.7955]

Para poder usar Live Server con PHP tienes que instalar adicionalmente la extension Live Server Web Extension (Chrome), aqui te dejo el link: chrome.google.com/webstore/detail/live-server-web-extension/fiegdmejfepffgpnejdinekhfieaogmj Una vez instalado presiona el icono de la live server en chrome y configura de la siguiente manera: 1. Actual Server Address: la ruta donde tienes tu proyecto (localhost/carpeta_proyecto/) 2. Live Server Address: ruta por defecto que se muestra al ejecutar live server desde VS code (en mi caso es 127.0.0.1:5500/) 3. Activar la opción Live Reload Ahora si desde VS Code, en tu proyecto PHP inicia Live Server, se abrirá una pagina con la ruta de live server por defecto (en mi caso 127.0.0.1:5500/), cambia esa direccion por la de tu proyecto (localhost/carpeta_proyecto/).

[@efrainballado4236]

Para cuando la segunda parte de las extensiones, me encanto la primer parte y casi puse todos los que recomendaste pero ya hace falta refrescar a los que pueden ser novedad, espero con ansias la segunda parte. Saludos.

[@juancarlossantosvillalta2044]

Buen vídeo!!!

[@EDteam]

Si eres estudiante de instituto, colegio o universidad, estudia en EDteam con 50% de descuento y 👨‍🎓 #NoPierdasElAño ⭐ ed.team/premium. ¿Y si no soy estudiante? También tenemos un descuento especial para ti 🎉 bit.ly/2SJV3xo

[@JarlamDev]

Microsoft Visual Studio Code, lo mejor que pudo sacar Microsoft para dar un gran agregado al mundo del Desarrollo Web, aunque no solo sea para eso, pues se puede programar casi todos los lenguajes de programación, y hasta SQL Server se puede trabajar sin problema alguno. Excelentes recomendaciones... ¡¡¡No conocía la de Rainbow!!! justo lo que necesitaba.

[@ericknicolashernandezdiaz1344]

El descuento para estudiantes aplica para cualquier suscripción?

[@luizsanchez2432]

me interesan sus cursos pero no puedo pagarlo mensual ni semestral ni anualmente, veo que puedo comprar en especifico los cursos si compro individualmente por poco los cursos me daran un certificado de cada uno? si llego a tomar todos los de desarrollo movil con android me daran el certificado de la especialidad?

[@imanolarmenta351]

Disculpe mi ignorancia Pero cual es el correo para comunicarme con ustedes?

[@jezuzit27]

El precio total de la suscripción es 680 ya viene con el descuento o cual sería el precio ?

[@willyfigueroa6389]

Me encanta Visual Studio tambien!

[@adrianarteaga752]

MUCHIIISIMAS GRACIAS

[@mavfabila]

Muchas gracias Alvaro por esta información que ayuda mucho para los que estamos en esto de la programada. Quería aprovechar para preguntarte si eres tan amable de compartir que equipo y software utilizas para realzar estos video en donde aparezcas tu y la pantalla. Muchas gracias de antemano, abrazo desde México!

[@SantyOrtegaBanegas]

Graciasss craaa

[@victoriarodriguez2137]

Me ha encantado Polacode!!

[@leninlima416]

Gracias Alvaro.

[@patricioeb]

Buenísimo, gracias. Acabo de instalar el VSC y todo lo necesario para comenzar a desarrollar en Flutter y quisiera conectar mi dispositivo Android (a través de USB o red) para poder probar las apps sin emulador. Me podrías echar una mano o referirme algún tuto. Mil gracias y saludos desde Tenerife.

[@agdsys]

santos avistamientos Alvaro, se te extrañaba en el canal, saludos

[@hectorcuellar9813]

Justo estoy haciendo mis prácticas de sus cursos en VSCode

[@andrescaleno4614]

Hola una pregunta ... Hay que instalar el programa antes de utilizar VScode? Por ejemplo Python o JavaScript. Gracias

[@nifares8744]

@@andrescaleno4614 No para nada solo crea y guarda el archivo con la extensión del lenguaje.

[@jojojojooo]

Muchas gracias

[@jorgedanielsosa5116]

Excelente vídeo,!!! Sr. Alvaro podrías hablar un poco mas sobre Python por favor!!! sobre las App, sus características y vías para su desarrollo, además de su participación actual en el mundo laboral y en el desarrollo IA, soy un joven de 55 años Recién estoy aprendiendo programación gracias a tus videos muy claros, muy didácticos, !!

[@yolandajoseribasbastidas8460]

Gracias :)

[@rfrodrigo7979]

Buenas,muy bueno su canal! Mi consulta es la siguiente,baje la versión 2022 y no encuentro esas extensiones,sabría decirme cómo encontrarlas o que nombre llevan ahora?

[@MatESPADINMEDINACARLOS]

Saludos, muy buenos sus videos y tips. ¿Siguen teniendo el descuento en sus cursos?

[@FEMARPRO]

Bracket Pair Colorizer Esta es buenísima a mi parecer se parece un poco a Indent Rainbow en su función. Lo que hace esta extensión es colorear los (),{},[] dependiendo a quien pertenezca por ejm: class hola{ constructor(){ } } Las llaves de la clase hola serán amarillos y los del constructor serán morados.

[@FEMARPRO]

Tal vez a alguna persona no les cueste eso pero a otros principiantes tal vez si, además se ve mas bonito el código

[@karimaguirre5017]

Gracias hermano!

[@JaminFernandez]

Excelente

[@pablomartin7723]

Gracias.

[@oscarfiblas2096]

Son tan variadas las recomendaciones que hacen los distintos canales que tengo una gran confusión...debería recomendar las básicas (temas de color, iconos, etc) y luego sugerir otras extensiones según el ambiente de desarrollo, unos lo hacen con php, otros con pythom otros php, etc...

[@mariadc3917]

Hola! Gracias por la información. Una pregunta, es importante instalar V s intelliCode?? Esta ext es de Microsoft

[@sorcerereye]

Confirmo que _todas_ las 9 extensiones sugeridas en este video se pueden instalar en VSCodium (la versión completamente open-source de VSCode, ya que la versión que liberó hace poco Microsoft no es completamente libre). Eso sí, el marketplace de VSCodium tiene muchas menos ofertas, supongo qe por el hecho de qe supervisan qe las extensiones de su marketplace sean libres. El único par de variantes fueron: En vez de Polacode fue CodeSnap (funcionalidad la misma con varias personalizaciones, incluso le dan un agradecimiento a Polacode, es de suponer que tiene alguna configuración adicional) y en vez de Live Share fue Code Together (dicen tener soporte multi-IDE o aunque alguno de los colaboradores lo haga desde un navegador)

[@EdgarDC96_]

Me encantan sus miniaturas.

[@miguelbolanos1537]

Ufff buenisimo, deberían hacer uno así con los plugins para atom

[@erickortiz3301]

Hola que tal mira esta muy bueno el vídeo pero la pregunta puedo utilizar las misma plugin o extensiones de sublime texto con visual estudio code por ejemplo emmet, y entre otros que no mencionaste para ayudar en la habitación y escritura de código para html,vas, javascript, php y entre otros también el auto guardado y debería de ser un vídeo más sobre esas extensiones

[@andresfelipemartinez3358]

Seria interesante que incluyeran en este canal el formato podcast, una trasmision en vivo de aprox una hora, creo que le añadiria mas dinamismo a todos estos temas

[@iNVICTUX]

buen video

[@hector_matias]

tambien puedes instalar live share audio para hablar por ahi mediante llamada o live share chat para tener el propio chat dentro del editor, Muchas gracias por el vídeo no conocía live share, Un saludo

[@horusblack4889]

Hola gracias por las sugerencias. La mayoría las conocía pero algunas no así que les daré un vistazo. Sobre las que que RECOMIENDO son: *Bookmarks: Marcado de lineas para alguna observación posterior, y una rama para ver todos tus archivos marcados. *css-minify: genera un archivo minificado de algún estilo css que tengamos. *Color Manager: Permite ingresar el código de color que necesitamos en una hoja de estilos mediante un gráfico para mayor facilidad. *TEMAS BONITOS: Horizon Theme, Night Owl, Noctis, Panda Theme.

[@haroldginori1599]

Primer video que veo. Y me parese muy informativo. Genial! Sobre todo para los que tratamos de iniciarnos en este mundo de la Programacion. (Me pregunto, por las clases en Linea., Tendran algun curso o Diplomado, para los que queremos aprender, desde Cero?)

[@EDteam]

Puedes empezar en ed.team/cursos/programacion