3

VSCode | Extensões para aumentar a produtividade

#Programação para Internet
Clovis Costa
Clovis Costa

Como muito bem expressado pela Paula Bonini, na live "Como compartilhar conteúdo e inspirar a comunidade DIO", quando gostamos de programar não nos importamos com a quantidade de horas gastas fazendo isto. Na verdade, nem vemos o tempo passar.


Para aumentar a nossa produtividade no desenvolvimento e, ao mesmo tempo, tornar mais agradável este tempo na frente da tela, existem várias extensões (plugins) que podemos instalar no nosso ambiente de desenvolvimento (IDE).


Eu uso o VSCode no Windows e o IntelliJ para Java no Linux. Sobre o VSCode, ao longo deste ano, fui colecionando sugestões de desenvolvedores muito mais experientes que eu para melhorar a arte de desenvolver. Segue abaixo as extensões que utilizo caso alguém possa se interessar:


Beautify

Ajuda a padronizar a identação do código de forma mais legível e bonita.


Color Highlight

Mostra as cores que você vai utilizar no CSS.


ESLint

Ajuda a verificar erros na sintaxe enquanto está escrevendo o código.


Live Server

Permite executar arquivos Html com atualização automática das alterações.


Material Icon Theme

Altera os ícones da plataforma para o padrão Material Icon.


Auto Rename Tag

Altera simultaneamente o nome dos dois lados da tag alterada (abertura e fechamento).


Bracket Pair Colorizer 2

Coloca cores diferentes nas chaves e colchetes dos blocos de códigos que abrimos. Especialmente útil em blocos aninhados, por exemplo, um for dentro de outro.


CSS Peek

Mostra as propriedades CSS na classe dentro do Html para facilitar a consulta. Quando clicado te leva para a classe CSS desejada.


Code Spell Checker

Verificador de ortografia. Eu ligo só quando estou terminando o projeto para ver se passou alguma palavra escrita de forma errada.


Espero que estas sugestões possam contribuir para tornar a sua jornada no desenvolvimento um pouco mais agradável.


Se quiser colocar um Dark Mode no Chrome ou colocar aquele "igualzão" ou "diferentão", quando está comparando valores e tipos ao mesmo tempo, veja meu outro artigo "O diferentão no VSCode" onde mostro também como alterar o tema do VSCode.


Imagem do editor com as customizações:


#portugolnoprezinho

2
73

Comentários (2)

0
Clovis Costa

Clovis Costa

19/12/2020 00:21

Valeu Jefferson. Vou incluir no meu repertório!

1
Jefferson Souza

Jefferson Souza

18/12/2020 23:40

Ola Clovis,


Boas sugestões, o Visual Code possui várias extensões ótimas,


Gostaria de sugerir incluir mais uma que é muito útil depois que possui várias extensões.


Settings Sync

utilizado para deixar salvo suas configurações, deixando fácil utilizar as mesmas extensões em outros equipamento sem quer que ficar baixando uma por uma.

Ele possibilita salvar seus dados com o GitHub. Muito útil.

https://www.linkedin.com/in/clovisdaniel

Brasil