[Dúvida] Console não aponta erros

Extensões do VS Code úteis para desenvolvimento web Fala Pessoal, tudo bem com vocês? Hoje eu quero compartilhar algumas extensões que uso com frequência e são úteis para quem trabalha com desenvolvimento Web.

1 – ESLint Se você já andou “fuçando” sobre Javascript na internet com algum entusiasmo, já deve ter se deparado com essa extensão.

A extensão ESLint, juntamente com o pacote node de mesmo nome, faz uma varredura do seu código apontando os erros cometidos na escrita do código de acordo com o padrão definido na configuração. A ESLint traz praticidade para quem gosta de escrever códigos legíveis e seguindo as melhores práticas de escrita.

Se você deseja saber mais sobre a extensão, nós temos um artigo falando sobre ela, basta clicar aqui.

2 – Code Runner Eis outra extensão amplamente conhecida na comunidade Javascript! Ela permite executar, com um único clique, um código selecionado ou um código em um arquivo salvo. O mais interessante do Code Runner é que você pode executar código de praticamente qualquer tipo de Linguagem que esteja configurada no seu computador. Você encontra uma lista com as linguagens suportadas na página da loja de extensões do VS Code.

3 – Code Spell Checker Essa é uma extensão de utilidade pública! não importa em qual linguagem você programe, você sempre precisa escrever nomes de variáveis, constantes, funções, etc. Obviamente, sempre queremos escrever com a sintaxe correta, independente do idioma que estivermos utilizando; é por isso que o Code Spell Checker é maravilhoso: ele funciona como um corretor ortográfico que fica apontando os erros de semântica das palavras. Por ser voltado para escrita de código, ele interpreta palavras escritas em CamelCase e snake_case; além disso, ainda há o melhor de tudo: existem vários dicionários desenvolvidos para diversos idiomas diferentes.

Basicamente, essa extensão destaca palavras com ortografia incorreta e sugere a correção baseada em um dicionário da língua escolhida, oferecendo também a opção ao usuário de adicionar palavras ao dicionário.

Para encontrar mais informações sobre a extensão, basta procurar por Code Spell Checker na loja de extensões do VS Code, instalá-lo e buscar os dicionários dos idioma desejados, e também baixá-los como extensões.

4 – GitLens O GitLens propõe-se a facilitar a vida dos programadores, implementando várias funcionalidades do Git que não são nativas no VS Code, tais como comparar o commit atual com os anteriores e mostrar quem foi o autor de uma determinada linha de código.

Você encontra mais informações sobre o GitLens na página da extensão na loja de extensões do VS Code.

5 – Visual Studio IntelliCode Essa extensão serve para expandir o Intellisense do VS Code com inteligência artificial, permitindo construir códigos com mais fluidez e velocidade nas linguagens Python, Javascript/Typescript e Java. É uma extensão simples de usar e que ajuda bastante na hora de auto completar seu código.

Todos os detalhes da extensão estão na página da loja de extensões do VS Code.

6 – Auto Rename Tag Essa extensão é uma das minhas preferidas! Ela permite que você mude o nome de uma tag HTML de forma simples; se você alterar a tag de abertura, a tag de fechamento é alterada automaticamente e vice-versa.

Para instalar, basta acessar a extensão na loja de extensões do VS Code.

7 – Bracket Pair Colorizer 2 Eis a solução para quem às vezes fica perdido naquele monte de chaves, parênteses e colchetes. Essa extensão é muito interessante porque identifica os pares de chaves, colchetes e parênteses e os coloca da mesma cor, usando cores diferentes para os elementos-filhos. Além disso, cria uma linha da mesma cor dos pares para destacar os blocos.

Outra vantagem dessa extensão é que você não precisa configurar nada, é só instalar e pronto. A página da extensão na loja do VS Code tem todas as informações necessárias para você entender essa extensão.

Conclusão Nesse post, trouxe pra vocês algumas extensões do VS Code que considero muito úteis e que uso com frequência, com funcionalidades variadas.

Espero que tenham gostado e fiquem a vontade para mandar as recomendações de vocês!