Felipe Valdez

{FV}

Ferramentas

Extensões mais usadas no VSCode

O Visual Studio Code é um editor de código-fonte desenvolvido pela Microsoft para Windows, Linux e macOS.

VSCode
2021-12-30

O VSCode sem dúvida é um dos mais queridos pelos desenvolvedores, o Visual Studio Code tem várias extensões em seu ecossistema que auxiliam no processo de escrita do código e independente de qualquer linguagem.

Abaixo irei listas algumas extensões que uso e são muito úteis na hora do desenvolvimento de meus projetos, tenho certeza de que uma ou mais das extensões abaixo irá deixar seu processo de desenvolvimento mais ágil e produtivo.

Live Server

Para quem é desenvolvedor front-end e vai fazer um projeto com html, css e javascriptessa extensão é muito útil, só usando o VSCode padão quando precisamos ver as alterações que fizemos no código damos refresh no navegador para ver o resultado, com esse plugin isso não é necessário, pois ele cria um localhost da aplicação e toda alteração que é salva no projeto, é atualizada automaticamente, evitando dar refresh na página a cada modificação no código feito. Assim que instalado, é só clicar no botão Go Live e o localhost será aberto no seu navegador padrão.

Clique aqui, para baixar essa extensão.

Exemplo do Live Server

Visual Studio IntelliCode

Que tal utilizar a inteligência artificial para te ajudar a autocompletar o seu código? É uma extensão que utliza a inteligência artifical e o contexo do seu código para criar, e te oferecer autocompletes referentes ao código que está escrevendo e acelerando o desenvolvimento do seu projeto.

Clique aqui, para baixar essa extensão.

Exemplo IntelliCode

BookMarks

É uma extensão que ajuda nas marcações nas linhas ou em trechos de código. Sabe quando você precisa mudar uma linha do código mas não vai fazer naquele exato momento? O BookMark vai te ajudar a lembrar. Ele gera uma aba exclusiva com todas as marcações criadas de todos os arquivos do seu projeto. Além da forma de selecionar um marcador como está no Gif abaixo, pode ser feito através do comando Alt + Windows + k, no Windows, ou no Mac, Option + Command + k.

Clique aqui, para baixar essa extensão.

Exemplo Bookmarks

Vscode icons

Esta extensão cria ícones referentes a cada tecnologia que for usada no projeto, ajudando na organização e na melhor identificação do mesmo.

Clique aqui, para baixar essa extensão.

Exemplo do VScode Icons

GitLens

Esta extensão ajudará no trabalho em equipe, já que ela promove a visualização de alterações e adições feitas no código, trazendo os diffs de cada código e uma sessão exclusiva do GitLens, que agrega as informações mais importantes do repositório, como os commits feitos, quais branches, tags, etc.

Clique aqui, para baixar essa extensão.

Exemplo do GitLens

Brackets Pair Colorizer

Famosa extensão que é bastante útil para diferenciar com cores diferentes os pares de colchetes no código, tornando melhor a visualização dos vários colchetes encadeados que podem surgir.

Clique aqui, para baixar essa extensão.

Exemplo do Brackets Pair Colorizer

Há outras extensões que vão te ajudar na produtividade e na agilidade do seu desenvolvimento.

Bons estudos e até a próxima :)