5 EXTENSÕES para o VSCODE que irão AUMENTAR sua PRODUTIVIDADE 😱
Вставка
- Опубліковано 31 січ 2022
- O VSCODE é o editor de códigos mais amado entre os desenvolvedores. E hoje trazemos pra vocês 5 extensões para o visual studio code que irão aumentar sua produtividade. Seja você um iniciante dando seus primeiros passos no front-end com HTML e CSS, ou já botando a mão na massa com uma linguagem de programação, certamente uma dessas extensões irá ser útil no seu dia a dia de programador.
Venha conhecer a DevMedia:
www.devmedia.com.br/pro/?utm_...
== Sigam-nos nas redes sociais:
LinkedIn: / devmedia
Facebook ➞ / devmedia.com.br
Twitter ➞ / devmedia
Instagram ➞ / devmedia.com.br - Наука та технологія
Deixa o like no video!!!
1- vscode-icons 0:34
2- auto rename tag 1:46
3- live server 2:45
4- rainbow brackets 3:41
5- css formatter 5:14
Salvou (☞ ಠ_ಠ)☞
Todos os vídeos deveriam ser só com ela. Ela é super carismática!!!
Muito show... Sou mais um iniciante na programação e meu objetivo é o front-end e cada a cada dia mais me fascina esse mundo 😍😍😍 +1 inscrito.
Polyana amei tua vibe, e a química entre você e esse outro estagiário que não sei o nome é muito boa, gostaria de ver mais vídeos com os 2 juntos.
Uoll, já evoluiram muito!!
Melhores extensões sem dúvidas , OBRIGADOOOOOOO DEVMIDIA , Gosto bastante dessa saga dos estagiários , isso me motiva demais
Adorei seu alto astral!!! Muito contagiante!!!
Apaixonado já S2
Garota nota mil . Ela da vida extra no video , parabens pra ela
Muito bom o vídeo, parabéns gostei muito das extensões Deus abençoe,👍
Já é musa😘😁, parabéns 😃
Material enriquecedor e ainda por cima Linda D+
Gostei da energia do vídeo !
Que estágiaria Linnndaaaa meuuu.... 😍😍😍😍
adorei as dicas
ja instalei todas
obrigado lindinha
Bem melhor, kkkkkkkk.
Vídeo ficou top. Parabéns
Isso facilita muiiiiiiito, muiiiiiiiiiiinnnntissimo obrigado!!!!
bah que video bala... gostei muito. o 6 são 10!
sou iniciante e isso me ajudou demais. Valeu
Amei a alegria do vídeo. :)
Cara, tu é muito simpática e tua voz é linda, e você também! Faz mais vídeos aí pra nóis.
Obrigada!!! Opa, vou chamar os estagiários para sequestrarem o Eric e o Fernando, aí a gente aparece haha
pow ajudou demais viu, vlw ai de vdd.
Amei, até anotei aqui.
Muito bom galera !!!
kkk Ela é boa em conteúdo hein! Belo Material, me ajudou bastante, estou iniciando.
Top.. gostei.. mandou bem..
Muito vlwwww kskskksk Genial ksksk muito show o vídeo parabéns aos estagiários aí ksk
Salve Deyvid, valeu pelo feedback. TMJ demais!!!!!!
Parabéns, excelente vídeo!!!👏👏👏👏
Muito obrigada, Virgílio. TMJ!!! 😊
caramba nuito bom as dicas, no Live Server eu mudei os comandos no atalhos de teclado para alt+I fica ainda mais fácil de rodar ele.
Iai show de bola, sugestão : faz um video abordando os atalhos do vs code
bacana deixem um UP.
up
up
u´p
Up
Muito simpática a menina vibe muito boa pros vídeos, parabéns devMidia
Queremos mais vídeos com ela
Curti demais o vídeo, vc é muito divertida kkkkkkkkkkkkkkk
Adorei as dicas das extensões, já estou utilizando no meu dia a dia.
É o braboooo!!!!
exatamente oq eu tava procurando AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
Muito bom o carisma dela e do rapaz, a ela é linda com todo respeito!
Mandou bem demais! Ótimo video.
Salve Felipeee, obrigada!!!
Ai real, namoral mesmo !! E este copo feio aí em. 😂😂😂❤️ Ótimo vídeo, simpatia real além de linda. Bons estudos a todos !!!!!!!!
me salvou dms, vlw
Não lembrava um comando muito importante (Live Server) e sem este comando não teria como testar o que estava programando kk neste vídeo me salvou literalmente, estava na ponta da língua mas não conseguia lembrar o nome, Muito Obrigada :)
Ótimo vídeo!
Show de bola
Amei esse video.
Aí papai, apaixonei
Ótimo conteúdo!
Para icones prefiro o Material Icon Theme. Outros que gosto brastante: Prettier - Code formatter , Color Highlight e CodeSnap
para aquele print bonitão
gosto de alguns desses também.
Esse ícones estava procurando faz tempo
como sugestão, tem a extensão material icon theme que eu acho muito bonita e utilizo desde sempre
@@lucasdelpoz8398 vlw pela dica, vou usar tbm
Muito bom o vídeo, quem ficar na dúvida destas extenções, acredito que não ficaram, se
ficaram é porque não assistiram o video. Kkkkkk
Recomendo utilizar somente o teclado para programar, vai diminuindo o uso do mouse aos poucos que vc se acostuma e fica bem mais rápido e prático.
extensões que recomendo
advanced-new-file: permite criar um novo arquivo utilizando somente o teclado. Basta apertar Ctrl + Alt + N
File Utils: Permite renomear, deletar, copiar e afins um arquivo usando o teclado.
Atalhos:
Ctrl + P : Uma busca pelos arquivos do projeto.
Ctrl + Shift + P (ou F1) : Abre a paleta de comandos.
Ctrl + D : Seleciona a próxima ocorrência do que está selecionado.
Ctrl + ' : Abre o terminal(se ele estiver fechado) | Foca ele caso não esteja | Fecha o terminal se estiver focado.
Cara eu comecei a usar mais o teclado mês passado, eu ficava muito presa ao mouse e isso atrasava horrores o meu trabalho. Nesse vídeo eu estava sem meu teclado, comecei a catar milho KKKKKKKKKKKK
Muito útil essa dica e muitas pessoas simplesmente ignoram. Fora se mover pelo fonte com page up, page down, home, end, Ctrl seta pro lado... Depois você só comprará teclado com as 6 teclas mágicas agrupada, como nos melhores tempos...
Excepcional!! Ficou show Poly parabéns pelo vídeo!!!! 🔥🔥💚💚
Salveeeeee Glauco, muito obrigada!!!!
Valeu demais 😊
ótimas dica!
Excelente dicas e apresentação bem divertida. Show.
top demais! obrigado
Salve Pedro, nós que agradecemos pelo feedback!!! TMJJJ
Vídeo top. Mas não posso deixar de comentar o fato desse vídeo ser maravilhoso por ter esse copo topzera do VASCÃO , parabéns Poliana!!
O maior que nós temos!
@@polyana.oliveira Sem sombra de dúvidas.
Ela é divertida. Gostei Devmedia
Muito obrigada!!!
Adorei as dicas, Parabéns DEVMedia.......BORA BATE 200K ESSE ANO.👨🏻💻
É a meta, Allan!!! Pra cimaaaa
Quem criou essa extensão de rename é um deus
Excelentes dicas
Hahaha muito engraçada e o video ficou perfeito! Parabéns!
experimenta essa tag para o javascript (Y)
Obg, like.
Melhor canal do universooooooo
Opaaaa, tmj Paulo!!! Obrigadão por nos acompanhar.
Usem o rainbow indent também :D!
Que carisma absurdo kkkkkkkkkkkkkkkkkkkkk
Essa garota tem futuro, me prendeu no vídeo
KKKKKKKKKKKK que isso!? Cara muito obrigada pelo apoio, tmj!!!!
Gostaria de falar sobre o Prettier - Code formater. Que faz as mesmas alterações de indentação do CSS que ela explicou, só que se aplica também ao HTML e JS.
Que vibe boa essa galera da DevMedia tem! ❤️
Muito obrigada, Helio 💚💚
A. Polyana ta famosona, sucesso, tia
Agora posso almoçar tranquilo, vlw DevMedia 💚
Poly sempre entregando tudo 🔥
Amei o ''entregando tudo'' KKKKKK valeu, tmj!!!!!!!
Tabnine.
Meu amigo, essa extensão/ IA é uma maravilha.... Seja pra iniciante, macaco veio, vale muito a pena!!
O que ela faz?
@@diegoribeiro7342 ela ajuda a completar seu código, quando vc escreve um código, ou vai repetir um comando, já aparece pra completar.
@@victoraugusto9741 percebi que é pago.
Que show, eu tenho todas menos a última no meu.
Ótimo video! Uma coisa que me ajudou muito no começo e tem me ajudado bastante é um tema no VSCode, facilita a visualização de tags, funções, scripts, etc. Pelo menos pra mim fez muita diferença e praticamente hoje eu não consigo codar sem xD. Minhas extensões preferidas são a Dracula e a Omni. Fica a dica pra vocês.
Massa!
tirou onda d+
esse negócio é um paraiso xD
gosssstei do copo!!!
A devmedia simplesmente foi dominada por vascaínos
Parabéns, salvando muito aki que formatei o pc e não lembrava o nome das extensões que meu amigo instalou pra mim.
Salvou !
5:07 PQP IOJASJOSAJIOSAJIOIO
Esse vai ser meu mais novo efeito de transição .fade-in / fade-out
meu chefe vai amar oIJASIOJASOISAJISAJ
essas extensões vão ajudar também :
Bracket Pair Colorizer 2
clg - console.log snippets
indent-rainbow
px to rem
SVG Viewer
Prettier - Code formatter
Stylelint
ESLint
Git Blame
Git History
e de bonus : Mussum Ipsum e Power Mode uahshuahuas
Isso por que ainda não aprendi a aparatar, se não tinha sumido de outra forma 😁😁😁😁
Que menina carismática, tragam ela mais vezes pro canal!
Opaa, muito obrigada Andre!!!!
Cara! Valeu!
Compartilhei no meu grupo da escola de devs!
Já ganhou lige pelo copo do Vascão!!!
Otimos estagiários, a energia deles anima a estudar, parabéns pelo time
Opaaa, é isso!!! Vamo que vamo
3:14 Uma dica pro Live server, é deixar o salvamento automático!
Salvamento automático pode prejudicar a extensão que organiza seu código, em alguma situações. Rolou isso aqui
Carreira de front completa! Então merece um desafio!
Também estou achando!!!!
Só vamo!!
Que menina engraçada! kkkkk
Bacana o vídeo!
gostei bastante do video kkkk, apareça mais moça 🤣🤣
Pode deixar hahaha
Gostei da estagiária, ótima didática além de gata ,traz mais haahaha
Dessas extensões que foram mostradas no vídeo, quais são eficientes no javascript ?
É O GIGANTE DA COLINA 😍
Dica: Auto-Save on Window Change
Foi um dos jmeus melhores achados do vs code kkkk
Boa tarde, eu trabalho com documentos de XML, as vezes preciso fazer que varias linhas se transforme em uma, tem alguma extensão ou atalho?
deixo de recomendação a extensão prettier pra identacao de código, tenho mania de dar ctrl+s direto e deixar o código arrumadinho, ajuda mt na legibilidade do codigo
Opa, instalei agora!!!!!
Olá! Muito obrigada, eu estava tentando descobrir como fazer para as imagens ficarem com aquele símbolo amarelinho e não sabia como, agora resolvido. :D
Salve Janaina, nós que agradecemos!!
@@devmedia.oficial Podería me ajudar?
@@devmedia.oficial Estou com problema no Vs code, Não consigo colocar nenhum atalho com as teclas F1 a F12, Tem alguma solução?
poly é linda e tem um carisma...xonei!
papinho isso ai, quero ver pegar um terminal remoto com vi ansi pra ver se da conta kkk brincadeira, muito bom o video.
Já voltei nesse video 5 vezes...kkk, valeu Poliana.
Opaaa, sempre um prazer ajudar, tmj!!!
Bracket Pair Colorizer 2: ajuda a identificar de forma visual (cor) a abertura/fechamento em caracteres como (), {} e []
Instalei aqui, MUITO BRABAAAA!!!
@@polyana.oliveira no vídeo é citado uma muito boa, mas essa tem meu coração haha
Me perco no vscode, digitou algo errado, como corrigir para voltar e digitar correto sem perder o que você já digitou?
gracias,.
Qual será a linguagem back ?
Ótimo vídeo, boas dicas!