Тёмный

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

Fernanda Kipper | Dev
Подписаться 105 тыс.
Просмотров 49 тыс.
50% 1

Nesse vídeo, vou fazer um tour completo por todas extensões e configurações que utilizo no meu Visual Studio Code, e que me ajudam a de impulsionar minha produtividade.
👉 Aprenda Node JS, React Js, Next JS e muito mais:
tr.ee/kipperdev-desconto-rock...
🎁 USE O CUPOM: KIPPERDEV
👉Me siga no instagram!
/ kipper.dev
00:00 Intro
00:33 Extensões
23:04 Atalhos de teclado
28:03 Configurando seus próprios atalhos
30:02 Configurações do editor

Наука

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

 

28 июн 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 87   
@kipperdev
@kipperdev 10 месяцев назад
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 11 месяцев назад
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 11 месяцев назад
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 10 месяцев назад
​@@macario1983como assim?
@heraldo623
@heraldo623 9 месяцев назад
​@@macario1983vantagem é que padroniza pra toda equipe de desenvolvimento
@victorsantana3045
@victorsantana3045 11 месяцев назад
Esse vídeo me ajudou muito ! descobri vários atalhos interessantes que não conhecia antes. Obrigado
@leonardopimenta3861
@leonardopimenta3861 10 месяцев назад
Conteúdo TOP! Parabéns!
@diegooliveira5201
@diegooliveira5201 4 месяца назад
Muito show fer! valeu!!!!
@leobik3life
@leobik3life 11 месяцев назад
Braba de mais, obrigado.
@igornfaustino
@igornfaustino 11 месяцев назад
Gostei desse tema! bem bonito
@andrerosenweiss
@andrerosenweiss Месяц назад
Grato por compartilhar suas extensões e parabéns pelo ótimo vídeo!
@kipperdev
@kipperdev Месяц назад
Valeu, Anderson!
@Carlos.Soares
@Carlos.Soares 11 месяцев назад
Muito obrigado 🙏 🙏👍
@notrios1
@notrios1 11 месяцев назад
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
@LuizFelipe-pd7od
@LuizFelipe-pd7od 11 месяцев назад
Video muito bom, sou fã e membro desse canal!!!
@kipperdev
@kipperdev 11 месяцев назад
Obrigada Lipe, que honra!! 💜
@rdgtog
@rdgtog 11 месяцев назад
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 11 месяцев назад
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 :)
@andreyoliveira8782
@andreyoliveira8782 11 месяцев назад
Ótimo vídeo, Fê!
@kipperdev
@kipperdev 11 месяцев назад
Valeuu Andrey! 🫶🏼
@NelsonInvest
@NelsonInvest 11 месяцев назад
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 11 месяцев назад
Obrigada Nelson!! Sucesso pra você e seu canal 💪🏼🚀
@toggz901
@toggz901 10 месяцев назад
amo o tema Emerald
@kevencosta182
@kevencosta182 11 месяцев назад
Esse demorou em hahaha, mas q bom q saiu!!
@thairincksilva
@thairincksilva 11 месяцев назад
faltou um teminha Drácula at Night aí haha, muito bom o vídeo fer, tamo junto 👊🏼
@leosilva0411
@leosilva0411 10 месяцев назад
Valeu!
@gabrielcosta-fk1hq
@gabrielcosta-fk1hq 11 месяцев назад
comentando pra engajar ✌
@diogosilva7869
@diogosilva7869 11 месяцев назад
Muito top
@danielbaptista4925
@danielbaptista4925 11 месяцев назад
Muito bom obrigado! :) Poderia fazer um para o Intellij tb? Muito agradecido
@user-fw1ds2pk4g
@user-fw1ds2pk4g 7 месяцев назад
Show
@hendcode
@hendcode 11 месяцев назад
Muito bom Fe
@kipperdev
@kipperdev 11 месяцев назад
Obrigadaa Hend! 😊
@reenatoteixeira
@reenatoteixeira 11 месяцев назад
tava esperando por esse! boaaa
@kipperdev
@kipperdev 11 месяцев назад
boaaa! Espero que goste 🫶🏼
@reenatoteixeira
@reenatoteixeira 11 месяцев назад
@@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 11 месяцев назад
@@reenatoteixeira que bomm! Não conhecia a CodeSnap, já vou baixar aqui também 😄 Vou comparar com o Polacode
@especamilhal
@especamilhal 11 месяцев назад
Video muito bom!! Qual fonte voce usa?
@zCaioSantos
@zCaioSantos 11 месяцев назад
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 17 дней назад
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 17 дней назад
Ele botou um trojan no meu pc.
@LucasRS_
@LucasRS_ 11 месяцев назад
Top fer! De pelotas pro mundo haha
@kipperdev
@kipperdev 11 месяцев назад
Ahahaha valeu Lucas! 🫶🏼 Diretamente de pel 😂
@lucas-mds-198
@lucas-mds-198 11 месяцев назад
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 8 месяцев назад
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
@xyluis
@xyluis 11 месяцев назад
Qual config/extensão é essa que deixa o terminal nesse style mais voltado para os apps da Jetbrains?
@wesleymrosa
@wesleymrosa 4 месяца назад
Tem um vídeo desses para Java com Intellij idea ????
@Cesar81097
@Cesar81097 11 месяцев назад
Estava precisando de conhecer esses atalhos kkkk,
@kipperdev
@kipperdev 11 месяцев назад
boaaa! :)
@frameposition
@frameposition 11 месяцев назад
👏
@cesar.vasconcelos
@cesar.vasconcelos 11 месяцев назад
Muito legal, Fernanda. Uma extensão de ícones muito bacana que descobri recentemente e que gostaria de compartilhar é a Bearded Icons
@kipperdev
@kipperdev 11 месяцев назад
Obrigada Cesar!! E valeu por compartilhar mais uma extensão com nós, já vou instalar 💜
@kipperdev
@kipperdev 11 месяцев назад
Obrigada Cesar!! E valeu por compartilhar mais uma extensão com nós, já vou instalar 💜
@yanbatista2828
@yanbatista2828 11 месяцев назад
Top!!! Valeu por compartilhar, já estou usando
@yanbatista2828
@yanbatista2828 11 месяцев назад
Tem um chamado "Symbols" tb. É muuito bom
@cesar.vasconcelos
@cesar.vasconcelos 11 месяцев назад
@@yanbatista2828 🤝
@canaljesusnazareno
@canaljesusnazareno 5 месяцев назад
Olá, por gentileza como configuro a extensão do google drive no vs code para chamar meus documentos do drive no Vs Code?
@FernandoRicardoMeira
@FernandoRicardoMeira 8 месяцев назад
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 !
@ALEXRUDSONMV
@ALEXRUDSONMV 2 месяца назад
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?
@humbertojunior2627
@humbertojunior2627 11 месяцев назад
Sugiro disponibilizar o arquivo com suas extensões do VScode, assim as instaladas e não foram explicadas no video estariam nele.
@atalhosdainternet4527
@atalhosdainternet4527 22 дня назад
sabe me dizer pq meu shift + alt + seta não copia? Só cria um seletor dos campos acima e baixo
@Hinrikao
@Hinrikao 9 месяцев назад
Queria usar igualzinho desse config e tudo mais Pra eu aprender ser igualzinho kkk
@xyluis
@xyluis 8 месяцев назад
E qual é a extensão/configuração que você usa para deixar o terminal dessa forma diferente?
@kipperdev
@kipperdev 8 месяцев назад
Oii, eu integro meu terminal do VS Code com o Git bash, ai por isso ele fica assim :)
@josuearaujo545
@josuearaujo545 6 месяцев назад
command onde fica essa tecla no teclado ?
@amora_.
@amora_. 2 месяца назад
as extensões deixam o programa mais "pesado"? se é assim que pode se dizer😅
@eddyribeiro2048
@eddyribeiro2048 11 месяцев назад
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 11 месяцев назад
Sempre use a última versão pois há correção de bugs.
@costagustavo19
@costagustavo19 11 месяцев назад
O github copilot é a melhor extensão que existe, muito bom mesmo.
@GabrielNEC
@GabrielNEC 10 месяцев назад
Aqui pra mim só consigo pagando. Tem alguma forma de usar gratuito?
@costagustavo19
@costagustavo19 10 месяцев назад
@@GabrielNEC Eu uso por causa do email da minha facul
@henry.frontend
@henry.frontend 11 месяцев назад
Poderia disponibilizar o arquivo com as extensões do VScode? 🥲
@Chainlenger2
@Chainlenger2 11 месяцев назад
Ó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.
@RegisJr
@RegisJr 11 месяцев назад
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 11 месяцев назад
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 11 месяцев назад
@@kipperdev mt obgg! vou adquirir a rocketseat então
@hugueds
@hugueds 11 месяцев назад
faltou o VIM da massa
@lucasprimo17
@lucasprimo17 11 месяцев назад
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
@artzz77
@artzz77 11 месяцев назад
Faz com intellij 🥺
@kaiquesimao16
@kaiquesimao16 11 месяцев назад
Apoio. Tbm uso Idea ultimate
@isseihyoudou5522
@isseihyoudou5522 11 месяцев назад
1:40 o priprio vscode ja tem todas essas funcionalidades referente a tags html
@kipperdev
@kipperdev 11 месяцев назад
Simm, vem por padrão! Na época que instalei as extensões ainda não vinha por default isso, valeu por lembrar!!
@FernandoAvena
@FernandoAvena 11 месяцев назад
vscode vem com emmet ligado por padrão.
@randerins
@randerins 11 месяцев назад
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 11 месяцев назад
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!
@josuearaujo545
@josuearaujo545 6 месяцев назад
traduz essas teclas do linux pra win pfv tendi nada !
@miguelfriends4535
@miguelfriends4535 17 дней назад
Gente que cair nesse canal, não baixem nada, fui baixar uma delas e quase perdi meu pc para um trojan.
Далее
Configs do VSCode para quem está começando
0:48
Просмотров 27 тыс.
20 extensões obrigatórias no meu VS Code
16:07
Просмотров 64 тыс.
Instalar VS Code para Linguagem C/C++
16:36
Просмотров 23 тыс.
iPhone 16 - КРУТЕЙШИЕ ИННОВАЦИИ
4:50
Gizli Apple Watch Özelliği😱
0:14
Просмотров 4,1 млн
Main filter..
0:15
Просмотров 12 млн