Prettier

Mis à jour le dimanche 27 juin 2021 par johackim

Prettier permet de formater votre code automatiquement selon vos besoins, par exemple :

  • Indenter automatiquement son code avec 4 espaces.
  • Utiliser des simples quotes à la place des doubles quotes.
  • Limiter chaque ligne à un nombre de caractères.

Installation

Pour installer Prettier, exécutez la commande suivante :

yarn add -D prettier

Configuration

Ajouter un fichier .prettierrc à la racine de votre projet :

cat > .prettierrc << EOF
{
"endOfLine": "lf",
"singleQuote": true,
"tabWidth": 4,
"trailingComma": "es5",
"printWidth": 300
}
EOF

Vous pouvez générer votre configuration à partir du Playground de Prettier.

Vous pouvez créer une commande lint dans votre fichier package.json :

// package.json
"scripts": {
"lint": "prettier --write"
}

Installation sur vim

Cloner le dépôt vim-prettier dans votre dossier bundle :

git clone https://github.com/prettier/vim-prettier ~/.vim/bundle

Ajouter la configuration suivante dans votre fichier .vimrc :

" ~/.vimrc
nmap <Leader>b <Plug>(Prettier)

Vous pouvez à présent executer la commande :prettier avec le raccourcis <CTRL>, + b.

Utilisation

Vous pouvez à présent utiliser Prettier pour vérifier ou formater automatiquement la syntaxe de votre code :

./node_modules/.bin/prettier --check .
./node_modules/.bin/prettier --write .