Ferramentas que uso para trabalhar

Um resumo das ferramentas que costumo utilizar no meu dia a dia

Você como desenvolvedor deve utilizar um conjunto de ferramentas no seu dia a dia. Neste post quero deixar um resumo das ferramentas que mais utilizo para trabalhar e que me ajudam muito.

Visual Studio Code

Visual Studio Code

https://code.visualstudio.com/

Tempos atrás, não era muito adepto de utilizar ferramental da Microsoft, (tinha um preconceito bobo quanto a isso, para mim só o pacote office era bom, que vergona ne!). Mas depois de começar a utilizar o VS Code tudo mudou. Hoje não me vejo programando em outro editor que não seja esse, mesmo sabendo que existem muitos outros por ai. (para mim é ótimo).

O VS Code tem muitas funcionalidades bacanas (isso daria outro post), mas agora somente vou focar em mostrar a configuração que eu utilizo.

Tema

Utilizo o tema Nord que é baseado nesta paleta. Como eu fico muito tempo olhando para a tela a combinação de cores deste tema não me cansa os olhos.

Nord

Extensões

Auto Rename Tag

Esta extensão ajuda muito na hora de escrever código com linguagens de marcação (HTML/XML), e é preciso renomear uma tag.

Auto Rename Tag

Bracket Pair Colorizer

Esta extensão mostra com cores diferentes os conjuntos de chaves, dessa forma é muito mais simples identificar um trecho de código que esteja dentro de um par de chaves, ainda mais quando o código vai ficando muito extenso.

Bracket Pair Colorizer

ESLint

Acredito que a padronização de código é bastante importante nos projetos, então esta extensão me auxilia para que o meu código fique padronizado seguindo as regras configuradas para códigos Javascript. Para mais informação sobre este assunto pode dar uma olhada na documentação oficial.

vscode-icons

Sou bastante visual também, então gosto de "firulas". Com esta extensão o editor mostra um icone relacionado ao tipo de arquivo do projeto. Não muda nada, mas visualmente é legal.

vscode-icons

Reactjs code snippets

Para aumentar a produtividade na hora de escrever aplicações com React JS, esta extensão é uma mão na roda. O VS Code tem várias extensões com snippets prontos para outras linguagens também.

Reactjs code snippets

GitLens

É bom conhecer os principais comandos do git, porém tem alguns comandos do git que é muito mais produtivo (na minha opinião), utilizar uma ferramenta visual. Como a produtividade é importante para mim também, então utilizo esta extensão que permite fazer muitas coisas com o git de forma visual.

GitLens

Configurações

Vou colocar aqui as configurações que eu utilizo no meu VS Code, fique a vontade de copiar tudo ou somente aquilo que você considere que faz sentido.

Extensões Google Chrome

React Developer Tools

Aplicações desenvolvidas com React renderizam os componentes como elementos HTML, então na hora de desenvolver uma aplicação React é necessário as vezes verificar os componentes que são utilizados em uma determinada página. Para isto a extensão React Developer Tools, ajuda bastante.

React Developer Tools

JSON Viewer

As respostas de uma API, geralmente são em formato JSON. Fazendo os testes de uma API diretamente no browser, esta extensão ajuda na visualização da resposta.

JSON Viewer

Octotree

Esta extensão é sensacional, descobri ela recentemente graças ao curso de GoStack da rocketseat. Sabe quando estamos vendo um repositório no github, e vamos navegando nas pastas ou arquivos o que leva bastante tempo, que é melhor clonar o repositório na máquina local? Com esta extensão isso não é mais necessário.

Octotree

Aplicações / Tools

Notion

Antes utilizava o Evernote, porém hoje uso o notion para organizar meu trabalho e ideias. Mas o notion não é somente uma ferramenta de "notes", ela é bem poderosa e funcional, que permite fazer quase tudo o necessário em um só lugar e fomenta o trabalho em equipe, já que é possível compartilhar com outras pessoas.

Eu particularmente utilizo para (To-Do, Anotações, Roadmap, Kanban)

Notion

Devdocs.io

Como desenvolvedor, leio muita documentação para poder resolver os problemas do dia a dia. O Devdocs é um "repositório" que reune a documentação de praticamente todas as linguages ou tecnologias utilizadas mundo a fora. E a documentação que não está disponível nessa plataforma, tem o link que te leva a documentação oficial.

Devdocs

Bom praticamente essas são as principais ferramentas que utilizo, se você tem alguma sugestão ou conhece alguma outra ferramenta bacana, indica também nos comentários.

Se tiver dúvidas, elogios, sugestões, deixe seu comentário. Se também curtiu o conteúdo, compartilhe com os seus amigos.

Até a próxima!

Comentários