🔥 Mejores Extensiones de Visual Studio Code (2024)

Поделиться
HTML-код
  • Опубликовано: 25 июл 2024
  • Hola amigos, llevo muchos años usando Visual Studio Code de manera profesional, y después de probar decenas de extensiones y configuraciones, hoy les quiero mostrar las que uso actualmente en mis proyectos y les voy a explicar para que sirve cada una, además de muchos tips sobre vscode que de seguro les servirán.
    ✅ Contenido:
    0:00 Intro
    0:31 AWS Toolkit
    1:31 Cobalt2 Theme Tweaked
    2:00 Code Spell Checker
    3:30 DotEnv Official
    4:27 Error Lens
    4:58 ESLint
    5:53 Fig
    6:20 GitHub Copilot
    8:29 GitHub Pull Requests
    10:30 GitLens
    11:31 Image preview
    11:58 IntelliCode
    12:48 Live Share
    13:45 Material Icon Theme
    14:00 Paste JSON as Code
    15:05 Prettier
    16:03 React 17+/Redux/React-Query Snippets
    16:35 SonarLint
    17:55 Tailwind CSS IntelliSense
    18:23 Template String Converter
    18:56 Version Lens
    20:09 Expo Tools y React Native Tools
    20:28 Jest
    📺 Videos relacionados:
    • 🚀 Configuraciones PRO ...
    • Visual Studio Code des...
    • Cómo depurar (debug) c...
    👀 Les sugiero pongan el video en 1080p o más para que puedan ver el contenido con nitidez.
    🔔 Suscríbete al canal y activa la campanita para que no te pierdas ningún video:
    ruclips.net/user/yoelvism?sub_...
    🐦 Sígueme en 𝕏:
    x.com/ymulenll
    📌Enlaces:
    Muchas gracias por ver este video, espero le haya sido útil.
    #vscode

Комментарии • 45

  • @Antonnyk
    @Antonnyk 4 месяца назад

    Muy bueno. Me gustan mucho las extensiones, y hay una infinidad en el market x) Gracias!

  • @sdfsfsfd437
    @sdfsfsfd437 4 месяца назад

    Hola Yoelvis. ¡Hacía tiempo! Qué gusto tener otro vídeo tuyo. Saludos desde España.

    • @YoelvisM
      @YoelvisM  4 месяца назад +1

      Saludos amigo

  • @frankomartinez1686
    @frankomartinez1686 4 месяца назад

    Increible, me gustaron las extensiones relacionadas con GIT 🎉

  • @thouma-dev
    @thouma-dev 3 месяца назад

    excelente aporte, gracias y saludos desde Perú

  • @gposoft
    @gposoft 4 месяца назад

    excelente maestro gracias por el aporte saludos !

  • @sito8943
    @sito8943 4 месяца назад

    Gracias por compartir

  • @YoelvisM
    @YoelvisM  4 месяца назад +3

    Si les gustó el video, no se pierdan la segunda parte sobre las configuraciones en vscode:
    ruclips.net/video/ALUQUAwYSP4/видео.html

  • @sergiogomez1389
    @sergiogomez1389 2 месяца назад

    Muy buen video. Muy bien explicado. Gracias.

  • @Jejox123
    @Jejox123 4 месяца назад

    Genioooo

  • @Ross-ws3vq
    @Ross-ws3vq 4 месяца назад

    Muy buen video, saludos desde Cubita

    • @YoelvisM
      @YoelvisM  4 месяца назад +1

      Saludos a ti también, que bueno saber que ven mis videos desde mi tierra 🇨🇺

    • @Ross-ws3vq
      @Ross-ws3vq 4 месяца назад

      @@YoelvisM y mas aun de la UCI jeje. saludos paisano!

  • @exkalybur_dev
    @exkalybur_dev 4 месяца назад

    recomendado

  • @frankomartinez1686
    @frankomartinez1686 4 месяца назад +1

    Otra extensión útil puede ser "Auto Barrel" para crear un archivo index con todas las exportaciones.

  • @elliotgaramendi
    @elliotgaramendi 4 месяца назад

    Muchas gracias compartir

    • @YoelvisM
      @YoelvisM  4 месяца назад

      excelentes recomendaciones, con respecto a la configuración, en un rato voy a publicar otro video al respecto.

  • @vruizdev
    @vruizdev 4 месяца назад +1

    Sería genial que expliques como crear un backup de toda la configuración de vscode y así si lo instalas simplemente sincronizando obtienes todo nuevamente. He visto que lo hacen con una extensión settings sync pero esta deprecated

  • @Foraster00
    @Foraster00 4 месяца назад

    Yoelvis, dale caña al canal! Nos tienes abandonados jajaj Video tops de Nextjs y Nestjs? Un abrazo! 😊

    • @YoelvisM
      @YoelvisM  4 месяца назад +1

      jaja, se me ha complicado por temas de trabajo y ser padre, pero si que quiero hacer mucho más videos, tengo muchas ideas de cosas para compartir. Un abrazo a ti también.

  • @emfelpeto
    @emfelpeto 4 месяца назад

    Gracias por los videos. Me gustaría uno sobre poder hacer debbug en VS Code con proyecto React JS porque actualmente no me funciona esa feature

    • @YoelvisM
      @YoelvisM  4 месяца назад

      Podrías probar esta opción:
      ruclips.net/video/BPWpialFWvM/видео.htmlsi=Yt3b9RngVgHsGztd&t=1279

  • @frankomartinez1686
    @frankomartinez1686 4 месяца назад +1

    La de Live Preview o Live Server tambien son utiles

    • @YoelvisM
      @YoelvisM  4 месяца назад

      si esas son buenas, esas las compartí en el otro video que era más introductorio, pero en mis proyectos ya reales no uso mucho live server ya que no funciona con react.

    • @YoelvisM
      @YoelvisM  4 месяца назад

      ruclips.net/video/HqE-lGznGac/видео.htmlsi=A-wxTYRxfXMoIebr

  • @erickacosta4506
    @erickacosta4506 3 месяца назад

    Yoelvis una pregunta tengo visual, pero en el git es el de la empresa como puedo utilizar mi el copilot ahí?

    • @YoelvisM
      @YoelvisM  3 месяца назад

      Si se puede, yo lo uso en la empresa con repositorios privados también

  • @maximilianomoyano9748
    @maximilianomoyano9748 4 месяца назад

    Me dirias cual es la extension para tener la terminal en la sidebar por favor?

    • @YoelvisM
      @YoelvisM  4 месяца назад +1

      Simplemente es arrastrar y soltar la terminal para el sidebar y listo, mañana voy a publicar otro video sobre las configuraciones de vscode y ahí incluyo esos detalles y muchos otros tips.

  • @yadindominguez1027
    @yadindominguez1027 4 месяца назад

    Ya que usas tailwindcss creo que te seria util una que se llama headwind o algo asi que lo que hace es ordenarte las clases css de tu codigo de tailwind

    • @YoelvisM
      @YoelvisM  4 месяца назад

      genial, si, la misma extención esa que tengo de tailwindcss también lo hace

  • @andresrios3325
    @andresrios3325 3 месяца назад

    Buenas amigo....todas son gratis menos github copilot? o cuales son gratis? muchas gracias.

    • @CityWalkYT
      @CityWalkYT 3 месяца назад

      buenas, si todas son gratis excepto gh copilot, saludos

  • @luisangelnavarroley6183
    @luisangelnavarroley6183 2 месяца назад

    te hizo falta vscode-pets

  • @mikehurtado4772
    @mikehurtado4772 4 месяца назад

    Cop8lot está mur bienvpara los malos programadores

    • @YoelvisM
      @YoelvisM  4 месяца назад +1

      jaja, no creo, en mi experiencia mientras mejor programador más provecho le puedes sacar

    • @mikehurtado4772
      @mikehurtado4772 4 месяца назад

      @@YoelvisM En tu limitada experiencia? Yo llevo en esto desde 1984

    • @YoelvisM
      @YoelvisM  4 месяца назад +1

      @@mikehurtado4772 claro que si, yo hablo desde mi limitada experiencia. Saludos y que sigas muchos años más.

    • @YoelvisM
      @YoelvisM  4 месяца назад +1

      @@mikehurtado4772 lo digo porque de verdad creo que hay mucho que puedo agilizar con AI, por ejemplo escribir documentación, escribir tests suites, que me explique paso a paso alguna sintaxis de algo nuevo que estoy aprendiendo, hacer preguntas de algún tema y tener respuestas bastante acertadas. Lo que digo que en mi (limitada) experiencia, mientras más dominio tienes de un tema mejores preguntas y respuestas puedes hacer. No creo que copilot sea para malos programadores, es solo una herramienta que le puedes sacar provecho o no, pero respeto mucho tu opinión. Saludos!

    • @mikehurtado4772
      @mikehurtado4772 4 месяца назад

      @@YoelvisM Muy util si tu conocimiento de programación es limitado