Editor de texto ou IDE
Atualmente, os códigos desenvolvidos no âmbito de nossa comunidade beneficiam-se do ecossistema JavaScript, com codificação em TypeScript. Neste contexto, o uso do Visual Studio Code, um editor de código gratuito é poderoso o suficiente para atender as necessidades de qualquer desenvolvedor.
Caso opte pelo uso do Visual Studio Code, segue uma lista de plugins que podem ser utéis em sua jornada:
| Categoria | Plugin | Descrição |
|---|---|---|
| Qualidade e Formatação de Código (Essencial) | ESLint | Para garantir que seu código não tenha erros e siga as melhores práticas. |
| Qualidade e Formatação de Código (Essencial) | Prettier - Code formatter | Para manter o estilo do código consistente em todo o projeto, sem esforço. |
| Qualidade e Formatação de Código (Essencial) | Prettier + ESLint | Para garantir que as duas ferramentas acima não entrem em conflito. |
| Testes | Jest | Facilita a execução e depuração de suítes de teste Jest. |
| Testes | Jest Runner | Permite rodar testes específicos com um único clique, otimizando o fluxo de trabalho. |
| Produtividade e Automação | Path Intellisense | Evita erros de digitação ao importar arquivos. |
| Produtividade e Automação | Auto Close Tag e Auto Rename Tag | Essenciais para quem trabalha com HTML, JSX (React) ou templates Vue. |
| Produtividade e Automação | npm Intellisense | Agiliza a edição de arquivos package.json. |
| Produtividade e Automação | DotENV | Ótimo para visualizar e validar variáveis de ambiente. |
| Controle de Versão (Git) | GitLens | Transforma a maneira como você interage com o histórico do Git. |
| Controle de Versão (Git) | Git Graph | Perfeito para entender visualmente a estrutura de branches do seu projeto. |
| Desenvolvimento Web e Estilização | Color Highlight | Pequeno detalhe que ajuda muito ao trabalhar com CSS. |
| Contêineres e Acesso Remoto (DevOps) | Docker | Se você usa contêineres, esta extensão é fundamental para gerenciá-los. |
| Contêineres e Acesso Remoto (DevOps) | YAML | Indispensável para editar arquivos de configuração (ex: docker-compose.yml, .github/workflows/*.yml). |
| Utilidades e Aparência | Material Icon Theme | Deixa a interface mais agradável e funcional, facilitando a identificação de arquivos. |
| Utilidades e Aparência | MarkdownLint | Mantém a documentação do seu projeto limpa e bem formatada. |
| Utilidades e Aparência | JSON | Ferramentas extras para um formato de arquivo que você usará o tempo todo. |
Caso deseje seguir essa sugestão, Baixe o Visual Studio Code e instale ou use o método de sua preferência (repositório oficial da distro, Apple store, ou o que for mais fácil)
Codificação e linting
Para que qualquer código produzido seja incorporado ao core é necessio que a codificação siga a risca as definições de linting definidas em cada um dos projetos. Contribuições que não respeitem as definições de linting definidas serão rejeitadas até que os problemas encontrados sejam solucionados.