Extensiones de Visual Studio Code QUE DEBES INSTALAR ahora mismo

Подписаться 722 тыс.

Просмотров 427 тыс.

50% 1

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

Опубликовано:

4 май 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 446

@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 4 года назад

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 4 года назад

gracias por el aporte

@jeancarlosluciano9211 4 года назад

Heroe sin capa👍

@code_castle 4 года назад

xq esto es lo que hace un verdadero hombre.

@alexiscalderon1467 4 года назад

Kappa sin heroe

@elProdigio 4 года назад

@@jeancarlosluciano9211 Héroe sin tilde.

@mirtaarredondo 4 года назад

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 3 года назад

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

@willycasana5820 3 года назад

@@flycrack ya esta corregido, gracias.

@Ivi_Mendieta 3 года назад

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

@jsp2694 3 года назад

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 3 года назад

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

4 года назад

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 3 года назад

Breakpoint

@juancaos01 3 года назад

Gracias!, me sirve

@edisoft00 3 года назад

Gracias

@carmenxita1292 3 года назад

gracias! one dark pro esta genial :D

@tonsofcode2478 4 года назад

Justo lo que necesitaba, mi dosis de EDteam diaria.

@jonathanvargasv2009 4 года назад

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.

@omarrosas5524 3 года назад

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

@emiliohenry2890 2 года назад

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

@rolantb895 3 года назад

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

@TheDestUnknow 4 года назад

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

@sugoiigamer5565 4 года назад

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

@edsontorres3705 4 года назад

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

@henrycastro2703 4 года назад

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

@EDteam 4 года назад

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 4 года назад

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 4 года назад

El descuento para estudiantes aplica para cualquier suscripción?

@luizsanchez2432 4 года назад

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 4 года назад

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

@jezuzit27 4 года назад

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

@elgranvegetajl3249 3 года назад

muchas gracias por sus aportes profe

@yoni07informatico46 3 года назад

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

@MaiteCaceres-2345 Год назад

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

@leandrocm3019 4 года назад

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

@steveo0156 3 года назад

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

@h1-hackermater 3 года назад

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

@titothiago 2 года назад

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

@joseraulescalonaaguilera5478 2 года назад

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

@celsomartin9634 4 года назад

Excelentes extensiones! Muchas gracias por toda la info!

@PiloGang 4 года назад

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

@luisyapuchura5486 4 года назад

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

@luiscaballero1043 4 года назад

Acepto que subestime el video antes de verlo, oro puro

@lujagose3395 3 года назад

Excelente video muchas gracias Alvaro

@cavetajimmy 4 года назад

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

@nifares8744 4 года назад

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

@victoraldairgironrodriguez1971 3 года назад

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

@joseenet 4 года назад

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

@williamswilmanalvarezzabal6064 3 года назад

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

@fabiovillamil5239 2 года назад

muchas gracias por su video

@Jjosemanuel_05 Год назад

Muchas gracias!!

@eduardomorenopalacios8779 4 года назад

Saludos Genial trabajo que hacen, cuidense mucho

@CARLOSRAMIREZ-kb4hp 4 года назад

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

@Agandara01 4 года назад

Excelente video y material!

@GustavoGaleanovc 4 года назад

genial justo lo que buscaba

@FJMD1987 4 года назад

Felicidades por el Video!

@gilfoyle9939 2 года назад

Gracias me sirvio muchismo 👌Nuevo subcriptor!!!!

@maximilianoweihmuller298 3 года назад

Gracias por el video...

@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.

@guitaristeflamenco 3 года назад

Muchas gracias!

@totimang Год назад

muy buenas las extensiones, gracias por compartirlas!

@davidenriquegomezaconcha2859 4 года назад

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!!

@neptusoneptuso8389 4 года назад

excelente!! gracias por la info

@richardfernandojimenez9523 4 года назад

Muy buen aporte

@enriqueatala2567 Год назад

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

@christiangalaviz9631 3 года назад

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

@damien4734 4 года назад

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.

@jairoantoniorohatanzapata9617 4 года назад

Yo lo uso y es muy interesante. buen video

@valentinmartinezzepeda4203 4 года назад

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

@luisangelcamargoguzman604 4 года назад

Eres un crack, ¡me ayudas a crecer!

@DamianDemasi 4 года назад

Excelente! Gracias!

@LuisDanilo95 4 года назад

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 4 года назад

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

@jonathanalbertoacostallall1367 3 года назад

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

@mayannasilvaoliveira3018 3 года назад

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

@luisalbertmorlasanchez3020 4 года назад

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.

@luzmilenaosorno1174 3 года назад

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 3 года назад

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

@henry-diaz 4 года назад

Buen vídeo con buen contenido acerca de VS Code

@keane080489 4 года назад

Ojala venga la segunda parte, saludos!!

@mauricioreyes2838 3 года назад

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

@EDteam 3 года назад

Saludos desde EDteam 🤩

@adrianarteaga752 4 года назад

MUCHIIISIMAS GRACIAS

@salaxer 4 года назад

Me gustaron tus recomendaciones

@willyfigueroa6389 3 года назад

Me encanta Visual Studio tambien!

@EdgarDC96_ 4 года назад

Me encantan sus miniaturas.

@Ryussaki 2 года назад

gracias hermano

@victoriarodriguez2137 Год назад

Me ha encantado Polacode!!

@javifelices 4 года назад

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

@dwlince6473 4 года назад

Muchas gracias amigo :D

@pablomartin7723 4 года назад

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?

@leninlima416 4 года назад

Gracias Alvaro.

@juancarlossantosvillalta2044 3 года назад

Buen vídeo!!!

@efrainballado4236 2 года назад

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.

@luismiguelgrajales3851 4 года назад

Las dos penultimas super buenas, ya mismo las instalo!

@Mike-df4ze 4 года назад

Excelente saludos EDteam

@jojojojooo Год назад

Muchas gracias

@hectorcuellar9813 4 года назад

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

@andrescaleno4614 4 года назад

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

@nifares8744 3 года назад

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

@FEMARPRO 4 года назад

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 4 года назад

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 3 года назад

Gracias hermano!

@richardgiraldo363 4 года назад

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?

@SantyOrtegaBanegas 2 года назад

Graciasss craaa

@andresfelipemartinez3358 4 года назад

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

@mariadc3917 3 года назад

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

@agdsys 4 года назад

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

@joseangellemus5382 4 года назад

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 4 года назад

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/).

@ramirogonzalez1590 4 года назад

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

@jorgedanielsosa5116 2 года назад

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, !!

@erickortiz3301 2 года назад

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

@douglashernandez7075 4 года назад

Hola buenas, tenia una duda, no se si me pueden recomendar algun curso sobre VR en la web, hasta el momento solo he conocido un poco sobre el FrameWork de A-Frame pero no se si hay algun mejor Framework o algun curso que me recomienden, en EDTeam no he encontrado ninguno sobre el tema.

@34Pabl 4 года назад

Hola queria agregar que tambien es muy util la extension de "Flutter" para desarrollos para equipos moviles que permite desarrollos para Android y IOS al mismo tiempo. Esta extension utiliza el lenguaje Dart que hay que instalar aparte.

@mavfabila 2 года назад

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!

@miguelbolanos1537 4 года назад

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

@sorcerereye 3 года назад

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)

@felipecaballero4514 4 года назад

Hola yo quiero aprender a programar desde cero...por dónde me recomiendas iniciar...veo que hay mucho contenido y soft ....

@angelvelasco1344 3 года назад

Una pregunta la extención Eslint cuál me recomiendan "Eslint" o "Prettier Eslint" y cuál es la diferencia. Muchas gracias

@yolandajoseribasbastidas8460 4 года назад

Gracias :)

@andresgroveralbinochambi4589 4 года назад

Existe otro tambien, CSS Peek, que ayuda a ver el codigo fuente de las hojas de estilo de tu proyecto y editarlo. Ayuda mucho. Un pequeño granito de arena. Saludos cordiales

@MsRubendaniel 4 года назад

me encanta VS CODE, otros editores son buenos tambien, pero comparto tu opinion, el mejor editor

@JaminFernandez 4 года назад

Excelente

@victormoncayo2878 3 года назад

Hola... Podrías recomendarme alguna extensión para poder trabajar la parte visual con Java, es decir, manejar ventanas botones y demás?. Algo parecido a lo que tiene Netbeans... Muchas gracias.