Softonic

Générateur de configuration Prettier

Étape 1 / 2
Suivant

Choisissez les valeurs de dix options courantes de Prettier, puis copiez la configuration obtenue. Le générateur produit du JSON, du YAML ou un fichier JavaScript CommonJS. Il ne parcourt pas votre projet, ne valide pas la configuration avec Prettier et ne crée ni plugins ni overrides.

Comment générer la configuration

  1. 1

    Régler la mise en forme

    Choisissez la largeur de ligne, la largeur des tabulations, les tabulations ou espaces, les points-virgules et les guillemets.

  2. 2

    Régler la syntaxe

    Choisissez les virgules finales, espaces entre accolades, parenthèses des fonctions fléchées, fins de ligne et guillemets JSX.

  3. 3

    Choisir le format

    Générez .prettierrc.json, .prettierrc.yaml ou un .prettierrc.js CommonJS utilisant module.exports.

  4. 4

    Copier et vérifier

    Enregistrez le résultat dans votre projet et lancez npx prettier --check . avec la version installée.

Options incluses

Option Valeurs disponibles
printWidth 40–200
tabWidth 1–8
useTabs, semi, bracketSpacing, jsxSingleQuote true ou false
singleQuote true ou false
trailingComma none, es5 ou all
arrowParens always ou avoid
endOfLine lf, crlf, cr ou auto

Les valeurs numériques sont limitées aux plages indiquées. Les autres contrôles ne proposent que les valeurs listées. Il s’agit de réglages courants, et non de toutes les options prises en charge par Prettier.

Formats de sortie

  • JSON produit un objet adapté à .prettierrc.json.
  • YAML produit des paires clé-valeur adaptées à .prettierrc.yaml.
  • JavaScript enveloppe le même objet dans module.exports = { ... }; pour un .prettierrc.js CommonJS.

Prettier accepte aussi d’autres noms de fichiers et formats de modules. Cet outil ne crée que les trois sorties affichées et n’exécute pas Prettier. Vérifiez donc le fichier avec la version installée dans votre projet.

Traitement des données

Les contrôles sont des champs côté serveur : leurs valeurs sont envoyées au serveur lors des mises à jour. Dans la vue en deux étapes, elles peuvent aussi apparaître dans l’URL. Une configuration Prettier ne contient normalement aucun secret, mais ne saisissez pas de données sensibles et ne partagez pas une URL qui en contient.

Questions fréquentes

Non. Le générateur produit les dix options affichées. Ajoutez manuellement les autres réglages compatibles après avoir consulté la documentation de votre version.

Non. Seul le texte de configuration est produit. Enregistrez-le puis lancez npx prettier --check . dans votre projet.

Non. La sortie est un seul objet plat. Ajoutez ces réglages manuellement si nécessaire.

Il s’agit du format CommonJS produit par cet outil. Pour un module ES, adaptez le type d’export et le nom du fichier.

Outils similaires

Référence de la table ASCII

Table ASCII complète de 0 à 127 avec décimal, hexadécimal, octal, binaire et référence numérique HTML pour chaque caractère, y compris les codes de contrôle comme NUL, LF et DEL.

Référence des caractères HTML

Liste consultable des entités HTML, de leurs codes nommés et numériques, et un copier-coller en un clic pour les caractères et symboles spéciaux.

Compteur de FPS

Mesurez les FPS du navigateur avec requestAnimationFrame : lissage, fréquence d'images min et max, seuil d'alerte et graphique facultatif. Tout se passe en local, sans envoi ni API.

Référence des raccourcis clavier

Recherchez les raccourcis par défaut documentés de VS Code, Chrome et Bash avec GNU Readline sous macOS, Windows et Linux.

Générateur de carte CSS

Créez le CSS d’un conteneur de carte : fond, bordure, rayon des angles, espacement intérieur et ombre douce, avec aperçu immédiat et code à copier-coller.

Générateur de flèches CSS

Créez localement une flèche CSS avec direction, couleur, taille et épaisseur de bordure, puis copiez la règle.

Outil disponible dans d’autres langues