Formatador TypeScript

O formatador de TypeScript organiza TypeScript e TSX com recuo, espaçamento, quebras de linha, ponto e vírgula, aspas e vírgulas finais consistentes. Ele compreende interfaces, aliases de tipo, genéricos, enums, decorators, sintaxe JavaScript moderna e componentes React.

Escolha o analisador padrão TypeScript ou o analisador Babel TypeScript, selecione abas ou um número fixo de espaços e defina uma largura de impressão previsível. Erros de sintaxe são reportados separadamente em vez de serem misturados na saída formatada.

A formatação ocorre no seu navegador, portanto o código-fonte não é enviado a um servidor. Pressione Ctrl+Enter ou Command+Enter para formatar e depois copie ou salve o resultado.

Perguntas frequentes sobre o formatador de código

Como formatar código nesta página?

Cole o código no editor à esquerda ou carregue um arquivo, escolha as opções necessárias e clique em Formatar. Confira o resultado à direita e depois copie ou salve.

Por que o formatador pode mostrar um erro?

A entrada deve corresponder à linguagem ou sintaxe selecionada. Verifique instruções incompletas, parênteses ou aspas sem fechamento e um dialeto ou modo incompatível, depois tente novamente.

Como funciona um formatador de código?

Um formatador reconhece tokens e estruturas aninhadas da linguagem e reorganiza recuo, espaços e quebras de linha segundo regras consistentes. Ele não compila nem executa o programa, portanto não substitui uma verificação de correção ou segurança.

Quais configurações são recomendadas para esta linguagem?

Comece com o modo TypeScript, 2 espaços e 80 ou 100 colunas; ponto e vírgula, aspas e vírgulas finais devem seguir o repositório. Escolha o modo TypeScript ou Babel TypeScript, recuo, largura de linha, vírgulas finais, ponto e vírgula e aspas para TypeScript ou TSX.