CONFIGURANDO SEU VS Code: Extensões e Configurações que você PRECISA ter

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 ก.ย. 2024

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

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

    Se você quer aprender React JS, React Native, Node JS e muito mais então aproveita esse desconto do Rocketseat One pra ter conteúdo de MUITA qualidade e extremamente bem estruturado
    tr.ee/kipperdev-desconto-rocketseat-one
    🎁 USE O CUPOM: KIPPERDEV

  • @bitencourtuva
    @bitencourtuva ปีที่แล้ว +46

    Uma sugestão é trabalhar com os perfis do Vscode, assim se trabalha com mais de uma linguagem de programação, você carrega somente o perfil daquela linguagem específica, trazendo somente as extensões aplicadas no perfil.

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

      Uma outra opção é trabalhar com dev container...
      Vc cria um projeto e dockeriza ele
      E vc nisso configura quais extensões quer usar

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

      ​@@macario1983como assim?

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

      ​@@macario1983vantagem é que padroniza pra toda equipe de desenvolvimento

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

    Obrigado Fernanda! Esse vídeo me ajudou muito! Uma verdadeira aula!
    Só para constar, eu conheci você ontem à tarde, lá no canal do Lucas Montano. Na live que você participou.
    Gostei bastante do desafio de par programming entre você e o Lucas.
    Valeu a pena! Gosto muito do Lucas e agora vou começar a acompanhar o seu canal também.
    Você na live de ontem disse que hoje sai um vídeo de Angular. Já estou no aguardo!
    Obrigado e parabéns!

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

      Valeu Rodrigo, fico feliz que gostou! 💜
      Que massaa, gostei muito de participar da live ontem e quebrar a cabeça resolvendo o desafio ao vivo hahaha
      Simm, hoje tem live aqui no canal onde vamos construir uma aplicação usando Angular :)

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

    Muito bom Fernanda! 🙏 Pessoas como você me MOTIVAM a ser melhor e continuar me dedicando no meu canal que ainda está no início, mas com fé em Deus eu vou alcançar os 1000 inscritos logo logo 🙏

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

      Obrigada Nelson!! Sucesso pra você e seu canal 💪🏼🚀

  • @zCaioSantos
    @zCaioSantos ปีที่แล้ว +6

    Muito legal as extensões! Gostaria de compartilhar uma que criei chamada "Create Component Template". Ela auxilia na criação rápida de estruturas de arquivos para qualquer projeto, não se restringindo apenas a projetos React. Com essa extensão, é possível criar templates de pastas e arquivos personalizados de forma fácil e eficiente.

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

      O Error lens sofreu modificação,desisntala ele e faz uma limpa no pc por causa de trojan, pq o error lens é de terceiros e percebi o atquivo enviado hoje.

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

      Ele botou um trojan no meu pc.

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

    Grato por compartilhar suas extensões e parabéns pelo ótimo vídeo!

    • @kipperdev
      @kipperdev  4 หลายเดือนก่อน +1

      Valeu, Anderson!

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

    Esse vídeo me ajudou muito ! descobri vários atalhos interessantes que não conhecia antes. Obrigado

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

    Uma sugestão alternativa para o TODO Highlight seria o Comment Anchors, que serve não só para TO DOs, e vc tem uma área para acessar e verificar todos esses tipos de comentários no projeto inteiro

  • @lucas-mds-198
    @lucas-mds-198 ปีที่แล้ว +4

    Show de bola! A maioria das extensões que eu utilizo também, mas não conhecia essa Code Spell Checker.
    Uma dica, que foi útil pra mim é utilizar o profiles do VSCode. Eu trabalho com JS e C#, e acaba que os dois ambientes tem configurações diferentes, C# por exemplo tem um IntelliCode próprio, tem o C# Dev Kit e outras, enquanto que JS usa o tailwind, ESLint, Prettier etc. Utilizando o profiles, eu defino um perfil pra C# e outro pra JS, e cada um tem suas próprias extensões, bem como configurações pro próprio VSCode definidas no settings.json, como theme, tab, font e outras. Também utilizo um pra Python e pra Java pra trabalhos da faculdade, é uma mão na roda.

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

      Boaaa! Eu não conhecia os Profiles antes, até vocês me apresentarem aqui nos comentários hahaha achei bem interessante muito bom para fazer esse switch entre linguagens como vc comentou

  • @LuizFelipe-pd7od
    @LuizFelipe-pd7od ปีที่แล้ว +1

    Video muito bom, sou fã e membro desse canal!!!

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

      Obrigada Lipe, que honra!! 💜

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

    faltou um teminha Drácula at Night aí haha, muito bom o vídeo fer, tamo junto 👊🏼

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

    Ótimo vídeo, Fê!

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

      Valeuu Andrey! 🫶🏼

  • @cesar.vasconcelos
    @cesar.vasconcelos ปีที่แล้ว

    Muito legal, Fernanda. Uma extensão de ícones muito bacana que descobri recentemente e que gostaria de compartilhar é a Bearded Icons

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

      Obrigada Cesar!! E valeu por compartilhar mais uma extensão com nós, já vou instalar 💜

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

      Obrigada Cesar!! E valeu por compartilhar mais uma extensão com nós, já vou instalar 💜

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

      Top!!! Valeu por compartilhar, já estou usando

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

      Tem um chamado "Symbols" tb. É muuito bom

    • @cesar.vasconcelos
      @cesar.vasconcelos ปีที่แล้ว

      @@yanbatista2828 🤝

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

    Esse demorou em hahaha, mas q bom q saiu!!

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

    Conteúdo TOP! Parabéns!

  • @Carlos.Soares
    @Carlos.Soares ปีที่แล้ว +1

    Muito obrigado 🙏 🙏👍

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

    Top fer! De pelotas pro mundo haha

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

      Ahahaha valeu Lucas! 🫶🏼
      Diretamente de pel 😂

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

    Muito show fer! valeu!!!!

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

    Braba de mais, obrigado.

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

    Estava precisando de conhecer esses atalhos kkkk,

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

    amo o tema Emerald

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

    as extensões deixam o programa mais "pesado"? se é assim que pode se dizer😅

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

    Gostei desse tema! bem bonito

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

    Tem um vídeo desses para Java com Intellij idea ????

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

    tava esperando por esse! boaaa

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

      boaaa! Espero que goste 🫶🏼

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

      @@kipperdev muito bom! peguei várias das extensões que você recomendou, e dos atalhos!
      você já viu a Codesnap? funciona de maneira muito semelhante à Polacode que você mostrou, tenho usado ela no meu VS Code 😃

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

      @@reenatoteixeira que bomm! Não conhecia a CodeSnap, já vou baixar aqui também 😄
      Vou comparar com o Polacode

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

    existe alguma extensão wysiwyg para o visual studio code que eu possa editar o html visualmente? em tempo real, na página mesmo ou só dá pra editar no código e ir visualizando no live preview?

  • @gabrielcosta-fk1hq
    @gabrielcosta-fk1hq ปีที่แล้ว

    comentando pra engajar ✌

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

    E qual é a extensão/configuração que você usa para deixar o terminal dessa forma diferente?

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

      Oii, eu integro meu terminal do VS Code com o Git bash, ai por isso ele fica assim :)

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

    Olá, por gentileza como configuro a extensão do google drive no vs code para chamar meus documentos do drive no Vs Code?

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

    Muito bom obrigado! :) Poderia fazer um para o Intellij tb? Muito agradecido

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

    command onde fica essa tecla no teclado ?

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

    sabe me dizer pq meu shift + alt + seta não copia? Só cria um seletor dos campos acima e baixo

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

    Muito bom Fe

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

      Obrigadaa Hend! 😊

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

    Estou treinando como iniciante no Visual Studio Code. Estou treinando tabelas, link, e etc. Na hora de visualizar o material que eu fiz, eu clico em CTRL + SHIFT + P e ele abre lá em cima, o Open In Default Broswer, clicando nele, era pra visualizar o material feito. Mas acontece que desde hoje, ele não está abrindo a nova página para mim visualizar o material. Ontem estava normalmente. O que pode ser isso ? Eu consigo digitar na pagina, mas agora não consigo visualizar.
    Aguardo resposta e desde já agradeço !

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

    O github copilot é a melhor extensão que existe, muito bom mesmo.

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

      Aqui pra mim só consigo pagando. Tem alguma forma de usar gratuito?

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

      @@GabrielNEC Eu uso por causa do email da minha facul

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

    Valeu!

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

    Video muito bom!! Qual fonte voce usa?

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

    Qual config/extensão é essa que deixa o terminal nesse style mais voltado para os apps da Jetbrains?

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

    Sugiro disponibilizar o arquivo com suas extensões do VScode, assim as instaladas e não foram explicadas no video estariam nele.

  • @user-fw1ds2pk4g
    @user-fw1ds2pk4g 10 หลายเดือนก่อน

    Show

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

    Queria usar igualzinho desse config e tudo mais
    Pra eu aprender ser igualzinho kkk

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

    Faz com intellij 🥺

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

      Apoio. Tbm uso Idea ultimate

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

    Oi Fernanda boa noite! sou novo por aq e gostei bastante do seu canal, já virei membro kkk.
    Fernanda eu queria muito poder fazer uma pergunta, sou novo na área e estou estudando por conta própria, está dando certo mas eu gostaria de assinar uma plataforma, tem alguma que vc indica? estou bastante interessado em assinar o plano one da rocketseat.

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

      Oii Reginaldo, seja bem vindo!! 💜
      Simm, eu fui aluna da Rockeseat, então sempre recomendo aqui pra vocês os cursos da Rocket por que eu fiz e gostei muito, gosto da didática e acho o conteúdo muito completo e atualizado com o mercado.
      Caso você queira Re, temos um desconto aqui pra nossa comunidade, só usar o cupom KIPPERDEV :)
      www.rocketseat.com.br/one?KIPPERDEV-none-none-none-none-redes_kipperdev&referral=kipperdev&coupon=KIPPERDEV

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

      @@kipperdev mt obgg! vou adquirir a rocketseat então

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

    Muito top

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

    Fer, te admiro bastante. Mas me pergunto, como você consegue adquirir e compartilhar tanto conhecimento de forma ativa, sem sentir um esgotamento mental? Já vi no seu vídeo de daily life que você é bem ativa no dia-a-dia, mas minha nossa, parece ser exaustante!

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

      Então, confesso que as vezes estou bem exausta sim, fazer tudo isso (canal + faculdade + trabalho) cansa! Mas eu foco nas coisas boas e no futuro que quero alcançar, então quanto estou muito cansada e meio pra baixo, tiro uns dias pra renovar minhas energias e depois volto com tudo!

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

    👏

  • @henry.frontend
    @henry.frontend ปีที่แล้ว

    Poderia disponibilizar o arquivo com as extensões do VScode? 🥲

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

    Ótimas dicas de extensões, eu particularmente já tinha inúmeras delas. Mas adorei conhecer a criada por você.
    Mas me tira uma dúvida, qual a tecla option em computadores não "APPLE". kkkk
    Não achei ela em canto algum do ABNT2.

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

    meu Portuguese Spell Checker não ta funcionando em portugues.. mas como se fosse um English checker.. alguem mais ta passando por isso.. eu gostei muito pq eu uso muito palavras em portugues tbm nos meus codigos

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

    traduz essas teclas do linux pra win pfv tendi nada !

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

    Estou começando agora na programação e curti mais o VSCode 2019 do que o 2022, o que vcs acham, é melhor atualizar para 2022 ou posso usar numa boa o 2019?

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

      Sempre use a última versão pois há correção de bugs.

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

    1:40 o priprio vscode ja tem todas essas funcionalidades referente a tags html

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

      Simm, vem por padrão! Na época que instalei as extensões ainda não vinha por default isso, valeu por lembrar!!

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

      vscode vem com emmet ligado por padrão.

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

    faltou o VIM da massa

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

    Gente que cair nesse canal, não baixem nada, fui baixar uma delas e quase perdi meu pc para um trojan.