6 de junho de 2020 - 4 min de leitura
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
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.
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.
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.
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.
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.
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.
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.
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.
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.
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)
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.
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