🛠️Dev

Gerador Prettier Config

Gera um .prettierrc pronto com as escolhas mais comuns: aspas simples, sem ponto e vírgula, vírgula final e linha de 100 colunas.

Um ponto de partida opinativo para formatação

Projeto novo, três pessoas, três configurações de editor. O primeiro pull request vem com metade do arquivo alterada só porque alguém trocou aspas simples por duplas. A saída óbvia é fixar um .prettierrc na raiz e deixar o formatador decidir, mas aí você abre a documentação do Prettier, encontra vinte opções e adia a decisão para depois. Que nunca chega.

Aqui o botão Gerar devolve sempre o mesmo bloco: sem ponto e vírgula, aspas simples, vírgula final em tudo, largura de 100 colunas, indentação de 2 espaços, parênteses obrigatórios em arrow function e quebra de linha lf. Vale dizer com todas as letras: não há seletores para trocar esses valores, apesar de a descrição da ferramenta prometer escolha. É um ponto de partida, não um configurador.

Salve o resultado como .prettierrc.json na raiz do repositório e edite o que não combinar com o time. As duas linhas que costumam gerar discussão são semi false e printWidth 100; o resto quase ninguém contesta. O endOfLine lf só encerra a briga de CRLF no Windows se o .gitattributes acompanhar. Nada sai da sua máquina: o JSON é montado no próprio navegador.

Perguntas frequentes

Dá para escolher aspas duplas ou ponto e vírgula?

Não nesta página. A saída é fixa, com aspas simples e sem ponto e vírgula. Como é um JSON de sete linhas, trocar semi para true no editor leva menos tempo do que ler esta resposta.

Onde coloco o arquivo .prettierrc.json?

Na raiz do projeto, ao lado do package.json. O Prettier procura de baixo para cima a partir do arquivo que está formatando, então uma subpasta pode ter a própria configuração quando você precisar.

Preciso do ESLint junto?

São coisas diferentes: o Prettier cuida da forma, o ESLint das regras. Se usar os dois, instale eslint-config-prettier para desligar as regras de estilo do ESLint que brigam com o formatador.

Ferramentas Relacionadas

🟪

Gerador TypeORM Init

Gere um data-source.ts inicial do TypeORM com conexão PostgreSQL pronta, em TypeScript. Copie o arquivo e comece a usar entidades e migrations no seu projeto.

🚀

Gerador esbuild Config

Gera um esbuild.config.js pronto para builds rápidos, com entry point, bundle, minificação, sourcemap e target já definidos. O formato de saída fica no padrão do esbuild.

🚂

Gerador railway.toml

Gere um railway.toml com comando de build, start e healthcheck prontos para o deploy na Railway. Configure tudo pelo navegador e cole no seu repositório.