Bem-vindos à nossa comunidade!

Junte-se a nós e faça parte hoje mesmo!

Extensões do VS Code

Letícia Garcez

Membro
Moderador
Cadastro
22/6/21
Postagens
229
Curtidas
367
Pontuação
135
Cidade
Canguçu
A extensão Turbo Console Log é ótima pra quem debuga o código imprimindo coisas na tela (como eu hehe). Utilizando um atalho de teclado, essa extensão insere um console.log indicando valores de variáveis, parâmetros, etc.
Clique aqui para acessar.
 

Letícia Garcez

Membro
Moderador
Cadastro
22/6/21
Postagens
229
Curtidas
367
Pontuação
135
Cidade
Canguçu
Para quem tem que trabalhar com múltiplas instâncias do VS Code ao mesmo tempo, pode dar uma olhada na extensão Peacock clicando aqui.
Essa extensão permite que você mude a cor das instâncias da sua IDE, o que facilita muito a identificação de qual janela da IDE está trabalhando com qual projeto.
 

Letícia Garcez

Membro
Moderador
Cadastro
22/6/21
Postagens
229
Curtidas
367
Pontuação
135
Cidade
Canguçu
Gostei muito dessa extensão: Live Preview
Ela permite que você abra as páginas web que está desenvolvendo diretamente pela IDE. Isso evita que você tenha que ficar trocando de janela para visualizar o seu projeto e editá-lo.
 

Marlliton

Membro
Moderador
Cadastro
10/2/21
Postagens
103
Curtidas
164
Pontuação
100
Cidade
Simão Dias - SE
Se você se perde na indentação do seu código, a extensão indent-rainbow veio para te ajudar colorindo cada nível de indentação do seu código. Deixando-o assim mais fácil de identificar cada nível do código.
 

Letícia Garcez

Membro
Moderador
Cadastro
22/6/21
Postagens
229
Curtidas
367
Pontuação
135
Cidade
Canguçu
A extensão colorize colore automaticamente códigos de cores em arquivos como o CSS (tanto em forma rba quando em hexadecimal), assim você consegue ver com facilidade quais cores estão sendo utilizadas na sua aplicação.
 

Marlliton

Membro
Moderador
Cadastro
10/2/21
Postagens
103
Curtidas
164
Pontuação
100
Cidade
Simão Dias - SE
Se você gosta de compartilhar código e usa ferramentas como o carbon para isso, a extensão que trago hoje resolve seus problemas.
Snipped é uma extensão que tira belas screenshots do seu código e te disponibiliza para download dentro do seu vscode.

screen.jpg
 

Letícia Garcez

Membro
Moderador
Cadastro
22/6/21
Postagens
229
Curtidas
367
Pontuação
135
Cidade
Canguçu
Se você gosta de compartilhar código e usa ferramentas como o carbon para isso, a extensão que trago hoje resolve seus problemas.
Snipped é uma extensão que tira belas screenshots do seu código e te disponibiliza para download dentro do seu vscode.

View attachment 586
Muito mais prático do que estar copiando o código para outros lugares
 

Marlliton

Membro
Moderador
Cadastro
10/2/21
Postagens
103
Curtidas
164
Pontuação
100
Cidade
Simão Dias - SE

Letícia Garcez

Membro
Moderador
Cadastro
22/6/21
Postagens
229
Curtidas
367
Pontuação
135
Cidade
Canguçu
Ainda nessa pegada do tailwind css, existe uma extensão para vscode que ajuda bastante com o autocomplete das classes. É uma opção interessante para quem usa o tailwind!
ext install bradlc.vscode-tailwindcss
View attachment 589
Nossa, essa extensão teria me poupado umas boas horas catando qual a classe que eu precisava pro projetinho que eu estava desenvolvendo essa semana hehe
 

Marlliton

Membro
Moderador
Cadastro
10/2/21
Postagens
103
Curtidas
164
Pontuação
100
Cidade
Simão Dias - SE
Uma extensão que pode ajudar na produtividade é a Visual Studio IntelliCode, essa extensão te ajuda com autocomplete de trechos de código, a extensão usa de inteligência artificial para fazer as sugestões.
ext install VisualStudioExptTeam.vscodeintellicode
 

Letícia Garcez

Membro
Moderador
Cadastro
22/6/21
Postagens
229
Curtidas
367
Pontuação
135
Cidade
Canguçu
Os atalhos do Visual Studio Code são realmente maravilhosos, porém pessoas que estão acostumadas a utilizar os atalhos de uma outra IDE podem ter alguns problemas para de adaptar aos novos atalhos. Caso você seja uma pessoa que desenvolve no Netbeans ou Eclipse, saiba que você pode adicionar uma extensão que adiciona no Visual Studio Code os atalhos que você já está acostumado a usar em outra IDE:
Eclipse keymap
Netbeans keymap
 

Marlliton

Membro
Moderador
Cadastro
10/2/21
Postagens
103
Curtidas
164
Pontuação
100
Cidade
Simão Dias - SE
A extensão Import Cost permite que você veja o tamanho de um módulo importado no JavaScript. Ela ajuda você a avaliar se importar uma biblioteca inteira é realmente necessário ou apenas um utilitário específico necessário.
ext install wix.vscode-import-cost
 
Top