Extensões para aumentar a sua produtividade programando no VS Code

#JavaScript

Esse artigo vai ser um artigo um pouco mais rápido, onde eu compartilho com vocês as extensões que eu utilizo no meu dia a dia como programador. Vou deixar alguns sites de referências que também falam dessas extensões para quem tiver interesse em ver mais sobre elas.

1) Auto Rename Tag

Essa extensão é bem intuitiva no que ela faz, ela atualiza os nomes das tags HTMLs que você está editando. Por exemplo, se você abriu e fechou uma div, e vai editar a tag de abertura, ele automaticamente edita a tag que fecha aquela div.

2) ESLint

O ESLint é um programa de software aberto que aponta problemas e melhorias pro seu código JS sem a necessidade de rodar ele.

3) GitLens — Git supercharged

Essa extensão é muito boa porque ela mostra quem alterou determinada linha de código e quando ela foi alterada, mantendo assim um histórico de alterações no projeto.

4) IntelliSense for CSS class names in HTML

Basicamente é uma extensão que te ajuda a completar o nome das suas classes CSS usando como referência o seu próprio código.

5) Live Server

O live server executa em tempo real as suas alterações locais no código, ou seja, você pode facilmente criar uma página web e ver as atualizações em tempo de execução.

6) Night Owl

O Night Owl é um tema no VS Code extremamente agradável com temática azul escuro.

7) SonarLint

Essa extensão é perfeita para mostrar se o seu código está mal feito ou não. Ele verifica a complexidade do código e o quão difícil é dar manutenção nele, dependendo do que o sonar avaliar ele categoriza o seu código também.

9) Live Share

O live share é uma extensão que possibilita o compartilhamento do código, terminal entre outras coisas. Muito útil para mais de uma pessoa trabalhar no mesmo código.

10) Prettier

O prettier é uma formatação automática sempre que você salva o arquivo.

11) Vscode icons

De longe uma das minhas extensões preferidas, o VSCODE Icons personaliza os ícones do seu gerenciador de arquivo, diferenciando as linguagens, pastas e até padronizações conhecidas de organização de código.

13) Colorize

O colorize mostra para você em linha de código a cor do seu RGB.

14) Turbo Console Log

É um autocomplete de console, ele te ajuda a criar consoles significativos para funções que você pretende debugar.

15) Indent-rainbow

Essa extensão adiciona cores na sua identação de código, facilitando assim a visualização do código.

No geral, essa são as extensões que eu utilizo no meu dia a dia como programador. Existem diversas outras e eu vou deixar alguns links de referência de outros posts falando sobre outras extensões muito úteis também.

Extensões para aumentar a sua produtividade programando no VS Code

referencias