Aprenda a personalizar o VSCode - Tema, configurações, extensões e dicas

Поделиться
HTML-код
  • Опубликовано: 28 авг 2024
  • Neste vídeo, você aprenderá a personalizar o seu VSCode a partir das minhas configurações. Veremos como mudar o tema padrão, alterar os icones, adicionar extensões para aumentar produtividade e outras dicas e truques. Acompanhe essas dicas simples mas poderosas para transformar sua experiência de codificação no vscode.
    Material com o passo a passo: leovargas.noti...
    Extensões instaladas:
    - Color Highlight
    - CSS Modules
    - Fluent Icons
    - GitLens
    - Live Server
    - Material Icon Theme
    - Omni Theme
    - Sass
    - Svg Preview
    - Tailwind CSS IntelliSense
    - vscode-styled-components
    🎥 𝗢𝗨𝗧𝗥𝗢𝗦 𝗩𝗜𝗗𝗘𝗢𝗦
    • COMO PERSONALIZAR A APARÊNCIA DO LINUX
    • COMO PERSONALIZAR O LI...
    • COMO PERSONALIZAR O VSCODE
    • Aprenda a personalizar...
    ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
    🏘 𝗖𝗢𝗠𝗨𝗡𝗜𝗗𝗔𝗗𝗘 𝗡𝗢 𝗗𝗜𝗦𝗖𝗢𝗥𝗗
    / discord
    ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
    📱𝗥𝗘𝗗𝗘𝗦 𝗦𝗢𝗖𝗜𝗔𝗜𝗦
    Twitch: / leovargasdev
    Instagram: / leuvargas
    Twitter: / leovargasdev
    Github: www.github.com...
    Linkedin: / leonardo-luis-de-vargas
    ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
    💻 𝗦𝗘𝗧𝗨𝗣
    Notebook Dell (amzn.to/48080ra)
    Tela 1: Monitor AOC(amzn.to/3NAJq8L)
    Suporte Ergonômico ELG (amzn.to/3t0i1G5)
    Hub USB C p/ usar na 2ª tela (amzn.to/3uI2jjs)
    Webcam Logitech BRIO (amzn.to/3RDm4BP)
    Microfone Blue Yeticaster (amzn.to/3sW32wW)
    Teclado Redragon Varuna (amzn.to/3T8Dkji)
    Mouse Logitech G300s (amzn.to/3Rtnfn4)
    Mouse Pad (amzn.to/3Rtnfn4)
    Estante (amzn.to/46KgVfr)
    Cadeira (amzn.to/3Rtwa71)
    Fone de ouvido (amzn.to/3R5yZe9)
    ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
    #vscode #programação #plugins #tutorial #theme #editordetexto

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

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

    Cara muito bom, me salvou, ficou bem mais agradável de programar...

  • @marcosantoniosouzapereirad6817
    @marcosantoniosouzapereirad6817 8 месяцев назад +3

    Muito obrigado pelo vídeo, o visual ficou muito melhor na minha opinião, ganhou mais um inscrito.

    • @leovargas
      @leovargas  7 месяцев назад

      Que bom que ajudou, muito obrigado pela inscrição! 🙃

  • @eloisadecker875
    @eloisadecker875 11 месяцев назад +2

    Salvou a minha vida cm esse video

    • @leovargas
      @leovargas  11 месяцев назад

      Que bom! 😀

  • @souzagiovany3935
    @souzagiovany3935 10 месяцев назад +1

    Vídeo excelente.
    Deixa o uso do VS Code muito mais confortável (visualmente), obrigado.

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

    Muito obrigado pela clara instrução no vídeo, me ajudou muito !!

  • @niltondionisioguerra4453
    @niltondionisioguerra4453 3 месяца назад +1

    Cara, parabéns, seus vídeos são muito bons

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

      Muito obrigado! ✌🏼

  • @WesleyEVO
    @WesleyEVO Год назад +3

    Excelente vídeo! Muita qualidade e didática. Só como sugestão, poderia recomendar configurações também, como habilitar o AutoSave, coisas mais desse tipo. Abraço.

    • @leovargas
      @leovargas  Год назад +1

      Obrigado pelo feedback. Sobre a sugestão, seria um tema de vídeo sobre as preferências do vscode, isso??

    • @WesleyEVO
      @WesleyEVO Год назад

      @@leovargas isso mesmo, configurações dentro do VScode que aprimoram a produtividade.
      Por exemplo, descobri recentemente que é possível fazer login no vscode, assim suas extensões e configurações ficam salvas mesmo trocando de computador e também são sincronizados. Toda vez que eu reinstalava era uma guerra pra encontrar as extensões e configurações rsrsrs

  • @kamikaze9986
    @kamikaze9986 Год назад +2

    Ficou até mais fácil de codar 😄

  • @Matheus.Stopinski
    @Matheus.Stopinski 10 месяцев назад +1

    Vc é foda!!!!!! Parabéns pelo canal. Tmj mano

    • @leovargas
      @leovargas  10 месяцев назад

      Obrigado Matheus!

  • @AnielaDitzel
    @AnielaDitzel 3 месяца назад +1

    muito legal, Parabéns

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

      Muito obrigado! ✌🏼

  • @LucasRS_
    @LucasRS_ Год назад +2

    Leo é brabo!

  • @sandrohcostah
    @sandrohcostah 10 месяцев назад +2

    Muito bom o vídeo! Tem como eu alterar o fundo do texto? Exemplo, toda vez que o código for uma string, o fundo ficar de uma cor diferente...

    • @leovargas
      @leovargas  10 месяцев назад +1

      Deve existir uma forma, mas eu não sei como 😕

  • @lorranyevictoria6586
    @lorranyevictoria6586 7 месяцев назад +1

    olá, eu estou começando a aprender programação e acabei tirando o botãozinho la em cima para fazer o código funcionar(não sei se é assim que se fala) não sei como colocar de volta, pode me ajudar pfv???

    • @leovargas
      @leovargas  7 месяцев назад

      Olá, eu não entendi de qual funcionalidade você está se referendi. Me mande um print o discord, pode ser?

  • @marcobruno4129
    @marcobruno4129 Год назад +2

    Brabo!!!!

  • @kamilarocha
    @kamilarocha 5 месяцев назад +1

    Ótimo vídeo! Como configura a fonte do terminal no VSCode para a fonte ser maior?

    • @leovargas
      @leovargas  5 месяцев назад

      Olá Kamila, é só inserir a propriedade "terminal.integrated.fontSize": 20
      PS: Desculpe a demora para responder :/

  • @Luhsilva.147
    @Luhsilva.147 Год назад +1

    Que legal tu tbm usa o linux iuhhu

  • @x1pz
    @x1pz Год назад +1

    top demais Leo.

  • @jonathanterhorstrauber3727
    @jonathanterhorstrauber3727 Год назад +1

    Monstro demaiss

  • @cloud-if1cg
    @cloud-if1cg Год назад +1

    Valeu meu caro 👏🏻👏🏻👏🏻

  • @ren0257
    @ren0257 Год назад +1

    Top man! Bom video!

  • @Fbrjable
    @Fbrjable 9 месяцев назад +1

    eu te amo!

  • @clintonrocha4980
    @clintonrocha4980 Год назад +2

    up

  • @marcosaap7813
    @marcosaap7813 Год назад +1

    Brabo!

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

    Excelente vídeo, muito bem explicado! Mas como eu deixo o recuo como ponto igual ao seu ? porque o meu é uma seta

    • @leovargas
      @leovargas  3 месяца назад +1

      Opa, o meu vscode sempre teve essa config, já veio na instalação. Tentei procurar aqui e não achei nada sobre ela.... você conseguiu alterar?

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

      @@leovargas consegui! Eu desativei a opção "indent lines with tabs"

  • @el_bikas
    @el_bikas 5 месяцев назад +1

    💯

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

    value apena ter assistido o video inteiro só pela dica do cursor no finalzinho, rsrsr.

  • @wallacymazoni5600
    @wallacymazoni5600 Год назад +1

    Ótimo video

  • @edilsonroque6691
    @edilsonroque6691 8 месяцев назад +1

    MUITO BOM

    • @leovargas
      @leovargas  8 месяцев назад

      Obrigado Edilson!!

  • @BLENDERMARCENEIRO1
    @BLENDERMARCENEIRO1 7 месяцев назад +1

    ola amigão, podes dar uma dica
    eu baguncei o VScode e as cores dos códigos sumiram e não consigo fazer aparecer novamente no padrão (dracula) desde ja agradeço

    • @leovargas
      @leovargas  7 месяцев назад

      Olá Blender, veja se o tema está configurado no seu arquivo settings.json com o valor "workbench.colorTheme": "Dracula".
      No minuto 14:31 eu ensino a abrir esse arquivo.

    • @leovargas
      @leovargas  7 месяцев назад

      Ou você pode acessar a aba Extensões, abrir o tema que você instalou e clicar no botão "Set Color Theme".

    • @BLENDERMARCENEIRO1
      @BLENDERMARCENEIRO1 7 месяцев назад

      @@leovargas obrigado amigão
      estou sofrendo aqui ja desinstalei instalei e nada de dar certo , caramba eu so queria almentar a fonte e sai mexendo em tudo e deu no que deu kkkk ,
      mas vou seguir a suas dicas

  • @nszmickeey749
    @nszmickeey749 Год назад +1

    Eu queria saber, por quando eu salvo, ele pula uma linha pra baixo, isso interfere? sabe como resolver

    • @leovargas
      @leovargas  Год назад

      Olá, eu acho que isso é uma configuração padrão do vcscode. Não sei se tem como remover :/

    • @andrejnr
      @andrejnr 9 месяцев назад

      Se for em python, acho que é o pretter, pq é padrão todo arquivo python, a última linha ser em branco

  • @imthedaniels
    @imthedaniels Год назад +1

    Com as minhas configuracao ou com as minhas configuracoes?

    • @leovargas
      @leovargas  Год назад +1

      arrumei aqui, obrigado!!

  • @kkjjjdiskdksrlel9994
    @kkjjjdiskdksrlel9994 6 месяцев назад

    Oii a barra de arquivos onde salvo encima esta em branco como mudo isso?

    • @leovargas
      @leovargas  6 месяцев назад

      Olá, é barra superior do editor? se sim, talvez você vai precisar alterar o tema do seu sistema operacional, você está usando linux?

  • @twitchtuga1
    @twitchtuga1 8 месяцев назад

    Quando coloco a cor roxa, os icons da pasta desaparece

    • @leovargas
      @leovargas  7 месяцев назад

      Olá amigo, você chegou a instalar qual tema?
      Qualquer coisa, me manda os dados do seu arquivo settings.json. No minuto 14:31 eu ensino a abrir esse arquivo.

  • @conceicaomonteiro2260
    @conceicaomonteiro2260 Год назад

    Olá, por favor me ensina a "Aumentar a Fonte" do explorador de arquivos (onde ficam as pastas e os arquivos) e do terminal no VScode.

    • @leovargas
      @leovargas  Год назад

      Olá Conceição, propriedade para aumentar a fonte do terminal "terminal.integrated.fontSize": 20. Jáno explorador de arquivos eu não achei :/

  • @wuerges
    @wuerges Год назад +3

    200fps!