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
183
Curtidas
288
Pontuação
125
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
183
Curtidas
288
Pontuação
125
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
183
Curtidas
288
Pontuação
125
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
60
Curtidas
104
Pontuação
83
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
183
Curtidas
288
Pontuação
125
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
60
Curtidas
104
Pontuação
83
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
183
Curtidas
288
Pontuação
125
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
60
Curtidas
104
Pontuação
83
Cidade
Simão Dias - SE

Letícia Garcez

Membro
Moderador
Cadastro
22/6/21
Postagens
183
Curtidas
288
Pontuação
125
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
 
Top