1
resposta

Prettier

Boa tarde!

Não estou familiarizada com o Prettier. Como trabalhar com este recurso? Obrigada.

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta

Oi Maria.
Tudo bem?
Prettier é uma ferramenta de formatação de código automática.
Ela analisa o código-fonte e o reescreve com um estilo consistente, com base em regras configuráveis ou padrões definidos.
A principal função do Prettier é formatar o código de forma padronizada, automaticamente.
Isso significa que ele:

  • Corrige automaticamente a indentação;
  • Adiciona ou remove vírgulas, aspas, ponto e vírgula etc., conforme as regras definidas;
  • Garante consistência visual do código entre diferentes desenvolvedores;
  • Evita discussões desnecessárias em pull requests sobre estilo de código;
  • Pode ser executado manualmente ou integrado a editores de texto (como VSCode) e ferramentas de CI/CD.

Vantagens :

  • Consistência: Todo o código segue o mesmo estilo, independentemente de quem escreveu.
  • Produtividade: Reduz o tempo gasto formatando código manualmente.
  • Integração fácil: Funciona com diversos editores e pode ser usado junto com Git hooks.
  • Suporte a múltiplas linguagens: JavaScript, TypeScript, HTML, CSS, JSON, Markdown, entre outras.

Exemplo prático:
Código antes de usar o Prettier:

function hello(name){console.log("Hello, " + name);}

Após rodar o Prettier:

function hello(name) {
  console.log("Hello, " + name);
}

Voce pode utilizar no seu vscode.
Só baixar a extensão ,instalar e usar.
Não recomendo para quem está no inicio do aprendizado pois ele pode mascarar problemas prejudicando seu aprendizado.
Mas não há mal algum em testar.
Comente ai qualquer duvida .
Bons estudos.