Softonic

Gerador de configuração do Prettier

Etapa 1 / 2
Próximo

Escolha valores para dez opções comuns do Prettier e copie a configuração resultante. O gerador produz JSON, YAML ou JavaScript CommonJS; ele não examina o projeto, não valida a configuração com o Prettier nem adiciona plugins ou overrides.

Como gerar a configuração

  1. 1

    Defina o layout

    Escolha largura de linha e tabulação, tabs ou espaços, ponto e vírgula e estilo de aspas.

  2. 2

    Defina a sintaxe

    Escolha vírgulas finais, espaços entre chaves, parênteses de arrow functions, fim de linha e aspas JSX.

  3. 3

    Escolha o formato

    Gere .prettierrc.json, .prettierrc.yaml ou .prettierrc.js CommonJS com module.exports.

  4. 4

    Copie e confira

    Salve o resultado no projeto e execute npx prettier --check . com a versão instalada.

Opções incluídas

Opção Valores disponíveis
printWidth 40–200
tabWidth 1–8
useTabs, semi, bracketSpacing, jsxSingleQuote true ou false
singleQuote true ou false
trailingComma none, es5 ou all
arrowParens always ou avoid
endOfLine lf, crlf, cr ou auto

Os números são limitados aos intervalos indicados. Os demais controles oferecem apenas os valores listados. Essas são configurações comuns, não todas as opções aceitas pelo Prettier.

Formatos de saída

  • JSON produz um objeto para .prettierrc.json.
  • YAML produz pares de chave e valor para .prettierrc.yaml.
  • JavaScript envolve o mesmo objeto em module.exports = { ... }; para .prettierrc.js CommonJS.

O Prettier aceita outros nomes de arquivo e formatos de módulo. Esta ferramenta gera apenas as três saídas exibidas e não executa o Prettier; confira o arquivo com a versão instalada no projeto.

Tratamento de dados

Os controles são campos do servidor, por isso os valores são enviados ao servidor durante as atualizações. Na visualização em duas etapas, eles também podem aparecer na URL. Uma configuração do Prettier normalmente não contém segredos, mas não insira dados sensíveis nem compartilhe uma URL que os contenha.

Perguntas frequentes

Não. Ele gera as dez opções mostradas. Acrescente manualmente outras configurações depois de consultar a documentação da sua versão.

Não. A ferramenta só cria o texto da configuração. Salve-o e execute npx prettier --check . no projeto.

Não. A saída é um único objeto simples; acrescente essas configurações manualmente.

Esse é o formato CommonJS gerado. Para um módulo ES, adapte a exportação e o nome do arquivo.

Ferramentas relacionadas

Gerador de Cartão CSS

Crie o CSS de um contêiner de cartão: fundo, borda, raio dos cantos, espaçamento interno e sombra suave, com pré-visualização imediata e código para copiar e colar.

Conversor de Tamanho de Arquivo

Converta entre bytes, KB, MB, GB, TB e as unidades binárias IEC (KiB, MiB, GiB, TiB), combinando decimal e binário como preferir.

Gerador de Docker Compose

Gere um docker-compose.yml a partir de definições de serviços com imagem, portas e volumes, com padrões de boas práticas.

Conversor de base numérica

Converta números entre binário, octal, decimal, hexadecimal e qualquer base personalizada de 2 a 36, com o detalhamento posicional.

Gerador de README

Gere um README.md estruturado a partir de alguns campos: nome do projeto, tagline, recursos, comando de instalação, trecho de início rápido, autor e licença. Cole direto no seu repositório.

Visualizador de Markdown

Escreva Markdown e veja a renderização HTML atualizar ao vivo. Sintaxe com estilo GitHub, incluindo tabelas, listas de tarefas, blocos de código cercados e autolinks.

Ferramenta disponível em outros idiomas