7 extensiones para aumentar la productividad y velocidad en VSCode

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ต.ค. 2024
  • Todos mis cursos con $100 de descuento el primer año aquí: academia.holam...
    Mi música libre de copyright para youtube y twitch:
    En Spotify: spoti.fi/2OdCxP5
    En Apple Music: apple.co/3cgI3sm
    Mi web: www.nicolas-schurmann.com
    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

ความคิดเห็น • 291

  • @HolaMundoDev
    @HolaMundoDev  ปีที่แล้ว +14

    Todos mis cursos con $100 de descuento el primer año aquí: academia.holamundo.io/bundles/acceso-a-todo?coupon=extensiones-vscode

    • @ManuelRamirez-de1rm
      @ManuelRamirez-de1rm 10 หลายเดือนก่อน +1

      Sería bueno hacerlo, pero el estar desempleado no me lo permite, ¿Cómo puedo contactarte por otro medio?

    • @mundo_yoo
      @mundo_yoo หลายเดือนก่อน

      Bro yo quiero saber cual es el programa para hacer app quiero aprender

  • @santtiag
    @santtiag ปีที่แล้ว +298

    1. Auto rename tag = 0:45
    2. Live server = 1:32
    3. Code runner = 2:30
    4. Error lens = 3:14
    5. Indent rainbow = 3:44
    6. Path intellisense = 4:16
    7. Code spell checker = 5:02

    • @elmonkey5616
      @elmonkey5616 ปีที่แล้ว +2

      🤘

    • @yojn2290
      @yojn2290 ปีที่แล้ว +1

      De haberlo visto antes de ver el video completo :(

    • @waltercabriles
      @waltercabriles 9 หลายเดือนก่อน

      Héroe sin capa crack

    • @josericardo4765
      @josericardo4765 6 หลายเดือนก่อน

      acaso esto es ser un heroe verdadero

  • @josemanuelsalazarcarbajal3583
    @josemanuelsalazarcarbajal3583 ปีที่แล้ว +86

    Claro que queremos segunda parte. Algunos orientados por ejemplo a CSS o a algún framework cómo Angular

  • @vanesanchez5578
    @vanesanchez5578 ปีที่แล้ว +16

    Para mi que soy estudiante el rainbow indent me sirve un montón! Usaba una reglita para guiarme y aún así cometía errores. Gracias por el video!

  • @DanielAlcoleas
    @DanielAlcoleas ปีที่แล้ว +1

    Gracias, muchas gracias, quedamos a la espera de la segunda parte!

  • @RedMoon814
    @RedMoon814 ปีที่แล้ว +3

    Buen video. Siii, una segunda parte estaria muy buena
    (Por cierto, estoy viendo tus cursos y son muy informativos, y concisos)
    Adicionalmente, si alguien esta viendo este comentario, aviso que puedes auto-indentar en VSCode con Ctrl+A -> Ctrl+K -> Ctrl+F
    (ya lo he mencionado en otro video pero lo repito porque me ha ayudado a tener mi codigo prolijo)
    Tambien uso la extension Live Preview (en desarrollo) para ver mi contenido directemente en el VSCode en vez de usando el Live Server (aunque ambos son utiles).

  • @fernandoeliasarteaga645
    @fernandoeliasarteaga645 ปีที่แล้ว +4

    La de live server me ayudó mucho, ya que acabo de aprender html y estoy aprendiendo css

  • @davidarmero8327
    @davidarmero8327 ปีที่แล้ว

    Pensaba que no instalaría ninguna....... pensaba. Pues 6 de 7 que acabé instalando. Gracias por estos videos!!

  • @eightdev
    @eightdev ปีที่แล้ว +15

    Adicional, yo recomendaría:
    Alphabetical Sorter, Bracket Select, Live Share (para Pair Programming), Wakatime para tracker el tiempo que ocupamos en nuestros proyectos y la app Fig que cuenta con una extensión para todas las terminales incluyendo la de vscode para autocompletado

  • @dantebenavides9467
    @dantebenavides9467 ปีที่แล้ว

    El es uno de los mejores guias en la parte de desarrollo
    adquiri uno de sus cursos en Udemy y la verdad 5 estrellas me parece muy pocas
    gracias por una buna guia

  •  ปีที่แล้ว +2

    Muy buenos estos videos en donde alguien que trabaja full time como programador nos recomiendan las herramientas y extensiones que usa. Esperando una 2da parte!!!. Saludos desde Argentina.

  • @indaskyl1v3yx
    @indaskyl1v3yx ปีที่แล้ว

    Live Server para mi lo mejor que pude haber comenzado a utilizar!

  • @ivanflores4462
    @ivanflores4462 ปีที่แล้ว +2

    Sería interesante un segundo vídeo de extensiones, me van ayudar mucho en mis proyectos las del vídeo.

  • @ingeniero_juanmejia
    @ingeniero_juanmejia ปีที่แล้ว

    Usted es un capo para esto, felicitaciones por tan buen trabajo.

  • @75rdcr
    @75rdcr ปีที่แล้ว +1

    Estimado.... excelente aporte.... tienes un maldito like de mi parte 👍🙂... y voto por una segunda parte ... Saludos desde Chile

  • @griseldaestudia
    @griseldaestudia ปีที่แล้ว

    gracias gracias gracias. Me vino muy bien!! Saludos desde Buenos Aires Argentina.

  • @Alita299
    @Alita299 ปีที่แล้ว +1

    Sería interesante una 2da parte
    dios necesitaba este video gracias XD

  • @sito8943
    @sito8943 ปีที่แล้ว +1

    Excepto Error Lens, que la estoy probando y está súper, ya conocía las demás, es verdad que programar con estas extensiones es mucho mejor y te hace sentir más productivo. Saludos y gracias por tus videos

  • @leofabioFAC
    @leofabioFAC ปีที่แล้ว +2

    falto thunderclient, para reemplazar el pesado de postman. Gracias por compartir!!!

  • @jhongurrero2203
    @jhongurrero2203 ปีที่แล้ว

    que buen vídeo bro gracias ne sirvieron mucho, no me pierdo ninguno de sus vídeos, SALUDOS DESDE COLOMBIA.

  • @omarjimenez5806
    @omarjimenez5806 ปีที่แล้ว +2

    Como siempre megusta ver sus videos uno aprende más, claro que se requiere de una segunda parte
    Esperamos la segunda parte

  • @genericelaf1007
    @genericelaf1007 ปีที่แล้ว +1

    Magnífico video, como todos los de este canal.

  • @lorenzoalabarce7246
    @lorenzoalabarce7246 ปีที่แล้ว

    Sos el #1 se aprende muchísimo con tus videos.

  • @dei81
    @dei81 ปีที่แล้ว

    Code Spell Checker es increíble, no la conocía, muchísimas gracias!

  • @aprendiendoprogramacion2098
    @aprendiendoprogramacion2098 ปีที่แล้ว +3

    el de path intellisense, creo que no hace falta, el vsCode ya te muestra las rutas por defecto

    • @andreebaradit5102
      @andreebaradit5102 ปีที่แล้ว

      Creo que también el "Auto Rename" no es necesario porque se puede configurar en VS

  • @lucascordoba6156
    @lucascordoba6156 ปีที่แล้ว +5

    Muy bueno! Estaría bueno que realices una segunda parte.

  • @pablom375
    @pablom375 ปีที่แล้ว +1

    Hola! Cuándo habrán más teclados? el envío seguirá en Chile?🤑

  • @armandocuneo5076
    @armandocuneo5076 ปีที่แล้ว

    Como alguna ves dijo Ceratti..........GRACIAS TOTALES

  • @javierparra6782
    @javierparra6782 ปีที่แล้ว

    Un suscriptor más..muy buena información, para los que estamos comenzando en éste mundo de la programación...Muchas gracias.

  • @ricardoarias1754
    @ricardoarias1754 ปีที่แล้ว

    perfecto video, sigue así máquina!!!!!!! saludos desde MX

  • @JuanSanMartin-ie1up
    @JuanSanMartin-ie1up ปีที่แล้ว +1

    Excelente vídeo estimado, solo una sugerencia: seria muy útil si mantienes el nombre de la extencion de la que hablas en algún lugar de la pantalla

  • @noface960
    @noface960 ปีที่แล้ว +1

    gracias, incluyo la extension neovim, que habilita una instancia del verdadero neovim en vscode.

  • @carlosmedina5752
    @carlosmedina5752 ปีที่แล้ว

    excelente vídeo, otro vídeo que hable sobre más extensiones seria Genial y, muchas gracias por sus vídeos Nicolas son de gran ayuda. felices días.

  • @pabloalanzahlut1931
    @pabloalanzahlut1931 ปีที่แล้ว

    Espero una segunda parte, sin duda. Muy buen aporte, gracias!!

  • @elvagonumero1
    @elvagonumero1 ปีที่แล้ว

    Claro que sí, una segunda parte seria genial

  • @edwine.pintor3079
    @edwine.pintor3079 ปีที่แล้ว

    excelente, seria maravillosos una 2da parte, saludos

  • @danieleduardo74
    @danieleduardo74 ปีที่แล้ว

    Estaré a la espera de una segunda parte. Excelente video!

  • @guillermomdk
    @guillermomdk ปีที่แล้ว

    Excelente! Esperando la segunda parte 👏🏻👏🏻👏🏻

  • @paulinoav
    @paulinoav ปีที่แล้ว

    Nico deja la cerveza y dale a la segunda parte ya 🤣🤣. Excelente trabajo.

  • @agustinsanchez9163
    @agustinsanchez9163 ปีที่แล้ว +2

    Muy buen video, algunas de estas extensiones ya las empleaba, espero que hagas la segunda parte. Saludos!

  • @fabiooquendo4583
    @fabiooquendo4583 ปีที่แล้ว +2

    Muchas gracias, uso VS Code todos los días en mi trabajo y seguramente estas extensiones me van a ayudar mucho.
    Me encantaría una segunda parte, gracias nuevamente y saludos desde Canadá.

  • @erickrafaelcoronabaez7902
    @erickrafaelcoronabaez7902 ปีที่แล้ว

    Muchisimas gracias, la verdad me gustaria una segunda partre.

  • @acmonge3186
    @acmonge3186 ปีที่แล้ว

    Espero que estés bien. Muy bien video. Consulta como puedo agregsr esas extensiones, en visual studio 2022. Porque no me aparecen

  • @MiguelGarcia-qc5qq
    @MiguelGarcia-qc5qq ปีที่แล้ว

    super, ya estoy esperando la segunda parte

  • @un_chico_solamenteA_N_M_S
    @un_chico_solamenteA_N_M_S 10 หลายเดือนก่อน

    muchas gracias, por transmitirnos tus conocimientos.

  • @Jesus280288
    @Jesus280288 5 หลายเดือนก่อน

    Buenas tardesa amigo, tengo dos preguntas: 1- como haces para que te salgan las lineas de indentation en html? 2- como activas el menu desplegable que te muestra todas los posibles atributos o comandos cuando vas escribiendo el codigo? gracias por la ayuda que me puedas dar

  • @rojastegulu
    @rojastegulu ปีที่แล้ว +1

    La nueva estética de los videos me hace sentir que estoy en una sala de interrogación con NIco

  • @carlosmunoz189
    @carlosmunoz189 ปีที่แล้ว

    Espero una segunda parte, sin duda. Muy buen aporte, gracias

  • @yetix_bo
    @yetix_bo ปีที่แล้ว

    vamos por la segunda parte.... gracias

  • @gabrielpg77
    @gabrielpg77 5 หลายเดือนก่อน

    Si tuvieses que escoger entre dedicarte a django o a laravel, cual escogerias?

  • @alejandrogaut
    @alejandrogaut ปีที่แล้ว

    Hola Nico, cuando quieras/puedas la segunda parte ....

  • @rafaelmarin8634
    @rafaelmarin8634 ปีที่แล้ว

    Excelente información, espero la 2da parte

  • @ARMAPRO
    @ARMAPRO ปีที่แล้ว

    Si bro una segunda parte estaría genial

  • @sid4604
    @sid4604 ปีที่แล้ว +1

    Wuuuuuuuuuuuuuuuuu!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    3 extensiones instalandosé en camino!!

  • @marceloportal2440
    @marceloportal2440 ปีที่แล้ว

    Sigues usando vim el 28.04.2023 ? o regresaste al VSCODE? Saludos,

  • @rodolfojosecalmenperoza3915
    @rodolfojosecalmenperoza3915 ปีที่แล้ว +1

    Haz una segunda parte por favor saludos desde Venezuela

  • @juansarmiento3523
    @juansarmiento3523 ปีที่แล้ว

    Cuál es la extensión que permite ver todo en código que escribimos en la pantalla? Me explico: Cuando escribimos una línea muy larga de un párrafo en HTML, una parte de la línea se sale del campo visual y se "esconde" en la parte derecha de la pantalla; hay una extensión que mantiene todo lo codificado o escrito dentro del campo visual, dentro de la parte visible de VSC- No sé si me explico bien...

    • @vlair3870
      @vlair3870 ปีที่แล้ว +1

      Control+z,ahi se pone todo

  • @jhelios
    @jhelios ปีที่แล้ว +1

    Excelente video, extensiones muy utiles, apoyo total para la segunda parte 😁

  • @brayanestivengranadaguzman4575
    @brayanestivengranadaguzman4575 ปีที่แล้ว

    Hola, un aporte, en cuanto a la extensión "Auto Rename Tag" no es necesaria al activar la configuración de VScode "linked editing" que hace exactamente lo mismo.

  • @daryjosecortezcruz7628
    @daryjosecortezcruz7628 ปีที่แล้ว

    Muchas gracias muy buen aporte, Segundo parte

  • @LeviRakiBarton
    @LeviRakiBarton 6 หลายเดือนก่อน

    hola!! no hay una extensión en VScode que te permita diseñar la web en modo diseño como lo hace el editor de Kompozer(te crea la web HTML colocando todos los elementos como si fuera un FrontPage), habrá alguna extensión que te permita hacer lo mismo pero con un acabado Worpress(Premium) para hacer el cascaron HTML en dos patadas y ya después pasar al código hacer tus programas???

  • @parmot2050
    @parmot2050 ปีที่แล้ว

    hola estoy muy agradecido , tienes un buen estilo de enseñansa

  • @CarlosAlvarez-jx4qy
    @CarlosAlvarez-jx4qy ปีที่แล้ว

    Ufff esto ayuda muchísimo más de lo que crees, ídolo, insta-like

  • @uzilekz
    @uzilekz ปีที่แล้ว

    muy buen video Nico! habia varias extensiones que no conocia y te hacen mas facil la vida. graciaaas

  • @jupiteriana.
    @jupiteriana. ปีที่แล้ว +4

    Auto Rename Tag ya no es necesaria, solo hay que habilitar la opción "linked editing" en la configuración.

    • @CristianHB
      @CristianHB ปีที่แล้ว +2

      Sí es necesaria si programas por ejemplo en React (JSX), esa característica que mencionas solo funciona bien con los archivos .HTML

  • @jball2731
    @jball2731 ปีที่แล้ว

    hola, excelente video, tengo una pregunta esas extensiones funcionan en visual estudió 2019

  • @andersongonzalez5846
    @andersongonzalez5846 ปีที่แล้ว

    Excelente, esperando la segunda parte.

  • @alexisbustamante8368
    @alexisbustamante8368 ปีที่แล้ว

    GENIAL!!!
    yo tengo una duda, lo que sucede es que estoy aprendiendo a configurar diferentes Areas de trabajo, por ejemplo en un proyecto trabjo con codeigniter de PHP y en otro proyecto con VUE.js, entonces las extensiones cambian y no puedo reutilizar todas por ende estoy usando la opción de configurar el área de trabajo, sería bueno un video de esto quizás!!! gracias por todo

  • @conradohernanvillagil2764
    @conradohernanvillagil2764 ปีที่แล้ว

    Gracias. Por favor segunda parte.

  • @oses206
    @oses206 ปีที่แล้ว

    MUY BUENOS VIDEOS SERIA BUENO LA SEGUNDA PARTE NICO EXITOS!!!

  • @maximilianoespinoza1177
    @maximilianoespinoza1177 ปีที่แล้ว

    tremendo loco! algunas las conocía otras no tenia ni idea jajaja, abrazo y ya me suscribo, saludos dese Argentina :D

  • @guzmanjonathananibal
    @guzmanjonathananibal 7 หลายเดือนก่อน +1

    @HolaMundodev tengo un error HXR failed y no puedo instalar extensiones ¿como puedo solucionarlo?

  • @GuevaraPM63
    @GuevaraPM63 ปีที่แล้ว

    Gracias por compartir tu conocimiento, Suscripción, en espera de la segunda parte, Gracias

  • @gabrieltoledo9489
    @gabrieltoledo9489 ปีที่แล้ว

    Excelente. Me gustaria un video para realizar atajos de teclado y así poder escribir código más rápido. Saludos desde Argentina.

  • @marioa.jimenez4570
    @marioa.jimenez4570 ปีที่แล้ว +1

    Segunda parte esperamos

  • @corracaia
    @corracaia ปีที่แล้ว

    Gracias bro, tu si sabes explicar, gracias

  • @davidescorciaberdugo5436
    @davidescorciaberdugo5436 ปีที่แล้ว +1

    #parte 2
    Realmente todas las extensiones que recomendaste son buenísimas y muy necesitadas. Saludos desde Colombia

  • @GiorgioZaioArratia
    @GiorgioZaioArratia ปีที่แล้ว

    Si!!!, segunda parte, gracias por los datos de buenas extensiones 👍

  • @32BytesOf
    @32BytesOf ปีที่แล้ว

    Gracias maestro👊👊, excelente compilacion de attachments para el grandioso VS , keep it up

  • @hectorhernandocaperaosorio2090
    @hectorhernandocaperaosorio2090 ปีที่แล้ว

    Super valiosa info, una segunda parte!!

  • @RetromanDVJ
    @RetromanDVJ ปีที่แล้ว

    Busco una extensión no se si existe, pero tengo la ventana dividida en dos a la izquierda HTML a la derecha CSS, me gustaría que cuando pincho en el nombre de la clase (en HTML), en la parte derecha se posicione en la clase (.CLASE) así voy directo y no tengo que ir a buscarla en todo el CSS. Muchas gracias por el video. Saludos.

  • @CopodeNieveee
    @CopodeNieveee ปีที่แล้ว

    en la primera en settings se puede hacer hay una opcion para actirvar esa funcion

  • @carlosllanos7574
    @carlosllanos7574 ปีที่แล้ว

    saludos maestro buen video ... estoy usando HTML CSS y JavaScript y el video esta 100/10 gracias por compartir

  • @JhonDrock
    @JhonDrock ปีที่แล้ว

    Buen video amigo, se agradece todas las extensiones.

  • @frey9220
    @frey9220 ปีที่แล้ว

    Hola Chile, tengo vs code y todo en inglés como sugeriste en otro video que es mejor, pero como hago para que errorlens deje de indicarme que cadapalabra en español es desconocida? poco posible tener buena atencion con todas las lineas sombradas con con el unknown word a la derecha

  • @CaldeX
    @CaldeX 4 หลายเดือนก่อน

    Te amo w, muchas gracias.

  • @LikeDePollo
    @LikeDePollo ปีที่แล้ว +1

    Excelente video, seria genial un 2da video con extensiones para angular o react
    psdt: la ultima me parece un lio porque si descargo para idioma ingles me marca las palabras en castellano y si descargo el castellano marca las de ingles jaja

  • @wilderadancolmenaresperez8669
    @wilderadancolmenaresperez8669 ปีที่แล้ว

    Instalé tres de las extensiones recomendadas. Muchas gracias

  • @txalata
    @txalata ปีที่แล้ว

    Muy bueno. Haz una segunda parte.

  • @rewiredbyadhd
    @rewiredbyadhd ปีที่แล้ว

    Puedes hacer algún video d por qué pudiera estar lento el VSCode? Tengo como 112 extensiones instaladas pero uso la mayoría.
    Cuando abro el VSCode se mete unos 3 minutos cargando todo. Cómo puedo arreglar esto? 3 minutos son una eternidad cuando tienes una idea y quieres programar. No, soy principiante, si fuera pro no estaría preguntando sobre esto.
    Gracias

  • @mariapradovalderrama1661
    @mariapradovalderrama1661 ปีที่แล้ว

    Graciaaas! siiii 2da parte

  • @grillingo
    @grillingo ปีที่แล้ว

    muy buenas las extensiones Nico, sugiero un curso para desarrollar un app completa (desde 0) para produccion.

  • @patriciolopez8420
    @patriciolopez8420 ปีที่แล้ว +1

    Se te chispoteo el otro dia este video vikingo! jajaja justo lo estaba viendo volvi a la pestaña anterior y cuando quise retomar el video ya lo habias sacado :( me faltaba cod spell checker...me hice tu cursito de HTML y CSS ahora estoy haciendo otro igual en freecodecamp español y te compre el de html,ccs y java de udemy! Gracias por tanto papu...
    pd: Yo tmb me quiero a NZ/australia aunque a trabajar con caballos nada que ver con la programacion pero bue xD

  • @henzoalejandroarruemunoz4966
    @henzoalejandroarruemunoz4966 ปีที่แล้ว

    Excelente, como siempre

  • @dplopezSioux
    @dplopezSioux ปีที่แล้ว

    NICO soy de los primeros por aqui! jajaja... soy programador hace solo un anno, y tengo 32 y muchos es gracias a tus videos.

  • @HiroSuyama
    @HiroSuyama ปีที่แล้ว +2

    Justamente el otro día hablábamos en el equipo lo robusto y multifacético que es VSCode. Lo utilizamos para casi todos los proyectos que estamos desarrollando, desde Java, python, JavaScript, solidity. No hay proyecto que no pueda resolver

  • @leenh123
    @leenh123 ปีที่แล้ว

    alguna extension para ver todos los metodos de una clase en vscode, al estilo que muestra github?

  • @brayanjhonn6004
    @brayanjhonn6004 ปีที่แล้ว

    :o gracias, me sirvieron!
    Saludos desde Perú!

  • @WebcorpSPA
    @WebcorpSPA หลายเดือนก่อน

    increible, me gusto mucho el video

  • @Esqiuel
    @Esqiuel ปีที่แล้ว

    Este video lo estaba buscando hace dias XD lo vi pero luego cuando llegue a mi casa ya no estaba XD ,ahora podre cambiar algunas extensiones :)