Formatador de TypeScript
Organize o código TypeScript com este formatador de TypeScript. Cole interfaces, tipos, enums, genéricos, classes ou funções, e a ferramenta reorganiza o código token por token, com recuo de dois espaços, um espaço após os dois-pontos das anotações de tipo e ao redor dos operadores, um membro por linha em blocos e enums, e ponto e vírgula no fim das instruções. Ideal para desenvolvedores que querem organizar trechos, código gerado ou exemplos copiados antes de compartilhá-los ou revisá-los.
Perguntas frequentes
Como funciona o formatador de TypeScript?
Ele lê seu código como um fluxo de tokens, como chaves, ponto e vírgula, operadores, strings e comentários, e reconstrói a disposição a partir deles. As chaves abrem blocos recuados, os pontos e vírgulas encerram linhas e os operadores recebem espaçamento consistente.
Ele verifica se há erros no meu TypeScript?
Não, ele não verifica tipos nem valida a sintaxe, então também formata trechos incompletos. Execute tsc ou as verificações do seu editor quando precisar saber se o código compila.
Como interfaces e enums são formatados?
Os corpos de interfaces e classes recebem um membro por linha, com recuo de dois espaços e um ponto e vírgula após cada membro. Os membros de enums ficam um por linha, com uma vírgula final após cada um, inclusive o último.
Os genéricos são mantidos intactos?
Sim, os sinais de menor e maior dos genéricos, como Array<T> ou Map<string, T>, são identificados para não serem tratados como operadores de comparação. Os espaços após as vírgulas dentro dos sinais são normalizados.
Qual recuo ele usa?
Os blocos usam recuo de dois espaços, sem opções para alterá-lo. Literais de objeto curtos após uma atribuição ou um retorno permanecem em uma única linha.
Os comentários são preservados?
Sim. Comentários de linha encerram a linha, e o código continua abaixo deles; comentários de bloco são mantidos onde aparecem.
Strings e literais de modelo são alterados?
Não, literais de string, literais de modelo e expressões regulares são copiados exatamente como foram escritos. Apenas os espaços em branco entre os tokens são reorganizados.
A formatação vai mudar o comportamento do meu código?
O formatador altera apenas os espaços em branco e adiciona ponto e vírgula ausentes no fim das instruções. Revise o resultado se o seu código depender da inserção automática de ponto e vírgula em lugares incomuns, como em uma linha que começa com um parêntese.
Por que a saída está envolta em uma cerca de código typescript?
O resultado é retornado como um bloco de código Markdown marcado como typescript, para ser exibido com realce em Markdown, issues e chats. Copie as linhas entre as cercas para um arquivo .ts.
Qual pode ser o tamanho do meu código?
Você pode formatar até 5 MB de código em uma execução; entradas maiores são rejeitadas com uma mensagem. O resultado é igual ao da opção TypeScript do Formatador de Código.