1. Installer le plugin Prettier sur PhpStorm

  • Ajouter le plugin à votre IDE

  • Configurer le plugin dans Settings > Languages & Frameworks > Javascript > Prettier


2. Installer Prettier dans le projet

  • Ajouter le plugin au projet
yarn add --dev --exact prettier
  • Ajouter le fichier .prettierrc.json à la racine du projet, ce fichier contient la config de formatage du projet.
{
"tabWidth": 4,
"printWidth": 120,
"bracketSpacing": true
}
  • Ajouter le fichier .prettierignore à la racine du projet, ce fichier permet d'exclure des fichiers ou des dossiers du formatage lorsque la commande globale est lancée
**/.git
**/node_modules
**/dist
**/gitlab
**/public
**/vendor
**/resources
**/bin
**/config
**/doc
**/migrations
**/src
**/templates
**/var
**/.gitignore
**/.gitlab-ci.yml
**/translations
**/*.yaml
**/*.yml
**/*.html
**/*.lock
**/*.md

3. Utilisation

  • Commande pour checker les fichiers

yarn prettier . --check

  • Commande pour formater les fichiers

yarn prettier . --write

4. Documentation supplémentaire