Comment installer prettier ?

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 .