23 de novembro de 2020 • 1 min de leitura
VSCode e extensões
Produtividade com extensões do VSCode
Visual Studio IntelliCode Essa é uma extensão que eu gosto demais, principalmente por que eu erro bastante na hora de escrever palavras tipo “comprimento” em inglês, sempre escrevo “lenght” ao invés de “length”, quem nunca passou por algo semelhante? 😅 Daí essa extensão auxilia mostrando um autocomplete das possíveis palavras que você quer digitar.
vscode-styled-components Todos os estilos criados com o styled-components ficam destacados, facilitando na hora de escrever.
GitLens — Git supercharged Quando você encontra um código que é alterado por várias pessoas, essa extensão ajuda demais, basicamente ela motra linha por linha o commit que foi feito, quem escreveu ou alterou por último.
CSS Variables Autocomplete Uma extensão muito boa, que auxilia na hora de escrever o css.
Color Highlight Essa extensão deixa em destaque as cores nos arquivos. Exemplo: se eu escrever: #335bff, esse texto ficará destacado na cor azul.
vscode-icons Como próprio nome já diz, a extensão adiciona icons na aba Explorer do seu VSCode.
Bracket Pair Colorizer Se você é uma pessoa assim como eu que quando começa abrir e fechar chaves, parênteses um dentro do outro demais de modo que você começa a se perder, então essa extensão vai te ajudar também, ela melhora a visualização de onde começa e de onde encerra cada bloco, adicionando uma cor diferente para cada par de chaves ou parênteses.
Reload Como o próprio nome já diz, Reload é uma extensão que adiciona um botão no canto inferior direito, que serve para reiniciar o VSCode.
Quokka.js O Quokka.js é uma ferramenta de produtividade para devs JavaScript / TypeScript. Bastante rápida, atualiza e exibe os valores em tempo de execução na sua IDE conforme você digita, sendo exibido próximo do seu código. Possui a versão Community que é gratuita para todos. Para mais informações acesse: Docs.
SVGR - SVG to React Esta extensão permite que você convertar um SVG em um JSX (ReactJS ou React Native)
Além dessas tem as mais conhecidas como o Prettier, ESlint, SonarLint, EditorConfig, Import Cost, Live Server, Peacock