5 EXTENSÕES para o VSCODE que irão AUMENTAR sua PRODUTIVIDADE 😱
HTML-код
- Опубликовано: 12 сен 2024
- 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.c...
== 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!!!
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
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
Melhores extensões sem dúvidas , OBRIGADOOOOOOO DEVMIDIA , Gosto bastante dessa saga dos estagiários , isso me motiva demais
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...
Que carisma absurdo kkkkkkkkkkkkkkkkkkkkk
Essa garota tem futuro, me prendeu no vídeo
KKKKKKKKKKKK que isso!? Cara muito obrigada pelo apoio, tmj!!!!
exatamente oq eu tava procurando AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
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.
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.
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.
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
Bem melhor, kkkkkkkk.
Vídeo ficou top. Parabéns
Adorei as dicas das extensões, já estou utilizando no meu dia a dia.
É o braboooo!!!!
Muito vlwwww kskskksk Genial ksksk muito show o vídeo parabéns aos estagiários aí ksk
Salve Deyvid, valeu pelo feedback. TMJ demais!!!!!!
Ó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.
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 😁😁😁😁
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
Quem criou essa extensão de rename é um deus
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
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.
Já é musa😘😁, parabéns 😃
Garota nota mil . Ela da vida extra no video , parabens pra ela
Ai real, namoral mesmo !! E este copo feio aí em. 😂😂😂❤️ Ótimo vídeo, simpatia real além de linda. Bons estudos a todos !!!!!!!!
Que menina carismática, tragam ela mais vezes pro canal!
Opaa, muito obrigada Andre!!!!
Apaixonado já S2
Muito bom o carisma dela e do rapaz, a ela é linda com todo respeito!
Carreira de front completa! Então merece um desafio!
Também estou achando!!!!
Só vamo!!
Gostei da energia do vídeo !
Aí papai, apaixonei
Uoll, já evoluiram muito!!
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 :)
experimenta essa tag para o javascript (Y)
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
Amei a alegria do vídeo. :)
Agora posso almoçar tranquilo, vlw DevMedia 💚
Poly sempre entregando tudo 🔥
Amei o ''entregando tudo'' KKKKKK valeu, tmj!!!!!!!
Que vibe boa essa galera da DevMedia tem! ❤️
Muito obrigada, Helio 💚💚
Ela é divertida. Gostei Devmedia
Muito obrigada!!!
VÍDEO DA BRABA POLYWAG, sensacional minha querida! SIMPLESMENTE A POLYWAG DESENVOLVEDORA DO ENTRETENIMENTO.
Apareceu e sumiu kkkkkkkk foi dahora
@@SniperflyHunter Tentei lançar um Kamui ali mas não deu certo. kkk
KKKKKKKKKKKKKKKKKKKKKKKKKK obrigada pelo apoio moral lá no estúdio, VOCÊ É BRABO!!!!!
@@polyana.oliveira mandou bem, a gente que tá do lado de cá fica muito feliz que alguém que também tá iniciando e está tendo um bom desenvolvimento.
@@SniperflyHunter Cara fico realmente feliz de ver uma galera se identificando, sei que é difícil e a gente pega referências de pessoas que já são gigantes e isso não é errado, mas é bom respeitar o processo/saber que tem pessoas que também estão passando pelo mesmo. Logo a gente chega!
Adorei as dicas, Parabéns DEVMedia.......BORA BATE 200K ESSE ANO.👨🏻💻
É a meta, Allan!!! Pra cimaaaa
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.
papinho isso ai, quero ver pegar um terminal remoto com vi ansi pra ver se da conta kkk brincadeira, muito bom o video.
Usem o rainbow indent também :D!
Muito bom o vídeo, parabéns gostei muito das extensões Deus abençoe,👍
Apareceu no meu feed aqui, só pra dar um toque brackets colorizing ja vem embutido agora no vs code (melhor do q instalar essa aí). Eu aconselharia pra quem está começando com web development e aprender usar eslint e prettier (de longe as extensões mais úteis), depois disso aprenda os atalhos no vs code. Eu já trabalho com web dev fazem quase 10 anos se alguém estiver interessado responde aqui q eu passo uma lista de recomendações pra extensões. Parabéns pela video e boa sorte na sua jornada 😃
fala umas boas extensões ai, por favor
@@mateusgarpelli5207 e outra coisa como eu falei, pegue um tempo e pratique e memorize os atalhos no vs code. isso e uma das grandes diferencas entre alguem realmente produtivo e fluente na ferramenta de alguem que nao e, na minha opiniao.
Adorei seu alto astral!!! Muito contagiante!!!
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!!!!!
Todos tem espaço no canal os estagiários sempre despertam interesse em mais clientes para a plataforma e para o RUclips. (y)
Gera uma identificação pra galera que tá começando né!? É isso!!
@@polyana.oliveira A saga do estágio me fez voltar a estudar a programação. Kkkk
@@willanalista6192 Cara, sério!???? Mano, parabéns!!!! Muito bom ler isso. Não desiste não, eu sei que sozinho é hard, mas vale muito muito a pena.
Já voltei nesse video 5 vezes...kkk, valeu Poliana.
Opaaa, sempre um prazer ajudar, tmj!!!
caramba quem é essa menina??? , to apaixonado kkkk
DEIXA DE SER TROUXA CARA, A MENINA ESTA TRABALHANDO, A PESSOA NAO TEM PAZ NEM NO RUclips.
Se lascar
Excepcional!! Ficou show Poly parabéns pelo vídeo!!!! 🔥🔥💚💚
Salveeeeee Glauco, muito obrigada!!!!
Parabéns, excelente vídeo!!!👏👏👏👏
Muito obrigada, Virgílio. TMJ!!! 😊
Que estágiaria Linnndaaaa meuuu.... 😍😍😍😍
Hahaha muito engraçada e o video ficou perfeito! Parabéns!
gostei bastante do video kkkk, apareça mais moça 🤣🤣
Pode deixar hahaha
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.
kkk Ela é boa em conteúdo hein! Belo Material, me ajudou bastante, estou iniciando.
no lugar do TAG e so usar o CRONTL+ D que resolve não presisa de + uma extenção
Pode dar problemas se tiver uma div dentro de uma div por exemplo, então a extensão ainda é útil
@@XDTijolinhoBR discordo totalmente quanto menas extenção tiver melhor , já que no caso tem o crontl +d que da pra usa boa com ou sem div
Fui instalar o Rainbow Brackets e na pesquisa o nome aparece riscado e com essa mensagem ( essa extensão foi preterida, pois essa funcionalidade agora é interna para VS code. Configure esses "configurações" para usar essa funcionalidade.
Eu estou iniciando agora na programação, vocês pode me explicar o que fazer e o porque desta mensagem aparecer?
Agradeço muito se eu obter algum retorno ❤
Isso facilita muiiiiiiito, muiiiiiiiiiiinnnntissimo obrigado!!!!
Estágia de dev, Vascaína ainda? Meu deus, muita coincidência? Segundou amiga, kkk ! Vascooou
Material enriquecedor e ainda por cima Linda D+
Rainbow Brackets 2 no lugar da Rainbow Brackets que foi depreciada mas isso foi na data de hj ja muito tempo depois do video publicado
se você ativar o "auto save" e ativar o "live server" é só você fazer o codigo que ja aperece no google
gosssstei do copo!!!
A devmedia simplesmente foi dominada por vascaínos
Gostei da estagiária, ótima didática além de gata ,traz mais haahaha
Qual será a linguagem back ?
A. Polyana ta famosona, sucesso, tia
adorei as dicas
ja instalei todas
obrigado lindinha
quando vc acha que não tem como melhorar o canal e não tem nada de novo, então a DevMidia me dá essa notificação
bah que video bala... gostei muito. o 6 são 10!
Curti demais o vídeo, vc é muito divertida kkkkkkkkkkkkkkk
sou iniciante e isso me ajudou demais. Valeu
Muito bom galera !!!
Show de bola
Já ganhou lige pelo copo do Vascão!!!
Dessas extensões que foram mostradas no vídeo, quais são eficientes no javascript ?
Que menina engraçada! kkkkk
Bacana o vídeo!
achei a menina diferenciada e muito desenrolada. Vcs deveriam investir nela quanto Content Creator.
Salve Thiago, muito obrigada pelo feedback hehe. Muito bom saber que vocês curtiram!!!
Top.. gostei.. mandou bem..
Otimos estagiários, a energia deles anima a estudar, parabéns pelo time
Opaaa, é isso!!! Vamo que vamo
Ó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.
pow ajudou demais viu, vlw ai de vdd.
Mandou bem demais! Ótimo video.
Salve Felipeee, obrigada!!!
Melhor canal do universooooooo
Opaaaa, tmj Paulo!!! Obrigadão por nos acompanhar.
Gostei da ideia dos estagiarios apresentando novas idias nos videos, agora minha pergunta:não vai ficar sobrecarregado meu pc acrescentando essas extenção???
PS. pode secrestar sim ele Rs
Salve!!!! Então, não vai sobrecarregar porque a princípio as extensões são levinhas e só vão ser usadas no visual. Então fica tranquilo!
@@devmedia.oficial ui esse "secrestar" esta errado kkk, e "sequestrar", desculpa meu erro ortografico Rs
Me perco no vscode, digitou algo errado, como corrigir para voltar e digitar correto sem perder o que você já digitou?
Usando a extensão Rainbow brackerts(), acabas por passar por cima de uma regra do vscode que string.
Amei, até anotei aqui.
É O GIGANTE DA COLINA 😍
poly é linda e tem um carisma...xonei!
a polyana é a coisinha mais perfeita que tem na DevMedia
Em vez de prejudicar o desempenho do seu computador na instalar desta extensão (Auto Rename Tag), quando for para alterar este tipo de clique na tecla F2 para renomear, isso também vale para outras linguagens ao alterar variáveis em todo documento.
Amei esse video.
O ventila tá balançando o note demais kkkkk
Também quero estagiar aí, tem home office? 🥺🥰
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?
Ótimo vídeo!
Live Server, nem precisa ficar apertado Ctrl + S, e só ativa no vscode na barrinha azul lá embaixo kkkk e pronto, fica automático...