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

Referência da Tabela ASCII

Tabela ASCII completa de 0 a 127 com valores decimais, hexadecimais, octais e binários e notação de referência numérica HTML, incluindo NUL, LF e DEL.

Referência de Caracteres HTML

Lista pesquisável de entidades HTML, seus códigos nomeados e numéricos, e uma cópia com um clique para caracteres e símbolos especiais.

Referência de atalhos de teclado

Pesquise atalhos padrão documentados do VS Code, Chrome e Bash com GNU Readline no macOS, Windows e Linux.

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.

Validador de Email

Valide um endereço de email: verificação de sintaxe RFC 5322, consulta de registro MX em tempo real, além de detalhes de parte local, domínio e comprimento. Nenhum email é enviado.

Gerador de EditorConfig

Gere um arquivo .editorconfig com suas regras de estilo e tamanho de indentação, fim de linha, charset e espaços em branco para formatação consistente entre IDEs e editores.

Ferramenta disponível em outros idiomas