top of page
  • Foto do escritorCarlito Murta

Como aumentar sua velocidade de desenvolvimento no Visual Studio Code

Atualizado: 21 de mai. de 2020

Torne seu desenvolvimento mais simples e produtivo com essas extensões.



O Visual Studio Code tem se tornado um editor de código muito usado e amado pela comunidade de desenvolvimento, boa parte disso por conta da facilidade de customização, extensões e performance.


Surgiram várias extensões construídas pela comunidade e grandes empresas que facilitam o nosso desenvolvimento, tais como edentação e correção de erros, vamos ver algumas:


 

1. ESLint


O ESLint é um pré-processador de código, ou seja, antes do código compilar ou buildar, ele tem a capacidade de avisar ao desenvolvedor sobre erros e também os corrige automaticamente, esse tipo de extensão nós costumamos chama-los de "Linter".


Ele também tem a possibilidade de customizar seus padrões de correção com outros pré-processadores.


Em breve teremos um post especifico para falarmos do ESLint e todas suas vantagens e como podemos implementá-lo.


 

2. Prettier


Como o próprio nome já diz, o Prettier é um formatador de código, ele formata seu código assim que você salvar, seguindo algumas configurações que podem ser modificadas como desejar no arquivo .prettier.


A grande vantagem de usar um arquivo de configuração do Prettier, é que se você estiver trabalhando em equipe, você pode enviá-lo para o seu repositório e todos da equipe estarão com o mesmo padrão de formatação.


 

3. EditorConfig


O EditorConfig mantém estilos e padrões de código para vários desenvolvedores no mesmo projeto, utilizando uma linguagem simples e legível.


Utiliza de um arquivo .editorconfig para formatar e modificar as configurações padrões da IDE em que for utilizado.


 

4. AutoImport


Essa extensão será de grande ajuda para automatizar o processo de importação de recursos.


Ele é responsável por importar automaticamente recursos externos através do Intellisense do VSCode.


 

5. BetterComments

Esta extensão permite que você faça comentários no seu código de maneira mais legível e intuitiva.


Por exemplo, TODO's, anotações importantes, sumários etc...


 

6. Path Intellisense


Auxilia na busca de caminhos relativos no seu projeto, como arquivos externos ou imagens.


 

7. Tema


Pode parecer bobagem, mas um bom tema para sua área de trabalho ajuda muito a ter uma boa performance e não se estressar com facilidade.


Um bom tema pode te ajudar a ler o código mais rápido e entender melhor o seu funcionamento.


Vou listar alguns que eu usei por bastante tempo e que na minha opinião são os melhores:


One Dark Pro

Dracula

Material Theme


 

Com todas essas ferramentas em mãos, você está pronto para programar em muito menos tempo e sem ficar entediado.


Espero que tenha ajudado, e até a próxima!


Happy Coding!

181 visualizações0 comentário

Posts recentes

Ver tudo

Comments


bottom of page