📅 最后修改于: 2023-12-03 15:15:50.586000 🧑 作者: Mango
O Prettier é uma ferramenta de formatação de código JavaScript que ajuda a manter um estilo de código consistente em projetos compartilhados entre diversos desenvolvedores. Ele é capaz de formatar automaticamente o código, aplicando regras de estilo predefinidas.
Este guia fornecerá instruções sobre como instalar o Prettier no ambiente de desenvolvimento usando o Shell/Bash.
Antes de começar, é necessário garantir que você tenha o Node.js e o npm (gerenciador de pacotes do Node.js) instalados em seu ambiente.
Siga os passos abaixo para instalar o Prettier em seu projeto:
Ao executar esse comando, o npm irá baixar e instalar o Prettier no seu sistema.
Isso exibirá a versão do Prettier instalada, confirmando que a instalação foi concluída com sucesso.
A configuração do Prettier é opcional, mas recomendada para personalizar as regras de formatação de acordo com suas preferências.
.prettierrc
no diretório raiz do seu projeto..prettierrc
em um editor de texto e defina as regras de formatação desejadas. Por exemplo:Nesse exemplo, estamos configurando o Prettier para adicionar ponto e vírgula no final de cada linha, utilizar aspas simples em vez de duplas, usar 2 espaços para indentação e limitar a largura de impressão de cada linha em 80 caracteres.
Após a instalação e configuração, você pode usar o Prettier para formatar um arquivo ou um diretório inteiro.
Substitua "arquivo.js" pelo caminho e nome do arquivo que você deseja formatar.
Isso formatará todos os arquivos com as regras definidas no .prettierrc
.
Uma prática recomendada é automatizar a formatação do código utilizando Git Hooks, para garantir que o código seja automaticamente formatado antes de ser enviado ao repositório. Você pode configurar um hook de pré-commit para formatar automaticamente os arquivos modificados antes de efetuar o commit.
.git/hooks
.pre-commit
.Esse script irá executar o Prettier com o comando --check
, que verificará se o código está formatado corretamente. Se alguma violação for encontrada, o script exibirá uma mensagem de erro e impedirá o commit.
Agora, sempre que você realizar um commit, o Git irá executar o hook pré-commit e verificará se o código está formatado corretamente pelo Prettier. Caso contrário, o commit será cancelado até que as violações sejam corrigidas.
Parabéns! Agora você tem o Prettier instalado em seu ambiente de desenvolvimento, possibilitando a formatação automatizada do seu código JavaScript. Lembre-se de utilizar o Prettier regularmente para manter um estilo de código consistente e facilmente legível.