Formater du code a l’air cosmétique, mais c’est le moyen le plus rapide de comprendre le code des autres : un fichier minifié d’une seule ligne de 40 000 caractères devient, après formatage, 1 200 lignes lisibles à la structure visible. Et pour son propre code : qui confie le formatage à un outil ne se dispute plus jamais sur les tabulations, les espaces et le style des accolades.
Formater du code étranger en 20 secondes
- Collez le fichier ou l’extrait dans le formateur HTML/CSS/JS ; le langage est détecté.
- Choisissez l’indentation : 2 espaces est le standard en JavaScript et CSS, 4 dans beaucoup de projets PHP et HTML.
- Formatez et copiez dans l’éditeur. On voit désormais l’imbrication, les limites des fonctions et l’endroit à déboguer.
Le formateur ne change que les espaces et les retours à la ligne ; logique, chaînes et commentaires restent identiques. Il est donc sans danger même sur des fichiers de production minifiés — pour lire, pas pour remettre en ligne.
Les conventions qui se sont imposées
| Langage | Indentation | Autres règles |
|---|---|---|
| JavaScript | 2 espaces | Points-virgules, guillemets simples, virgule finale dans les objets, 80–100 caractères max par ligne |
| CSS | 2 espaces | Une déclaration par ligne, ligne vide entre les règles, minuscules |
| HTML | 2 ou 4 | Un attribut par ligne au-delà de trois ; ne pas couper les éléments en ligne |
| PHP | 4 espaces (PSR-12) | Accolade ouvrante des fonctions sur une nouvelle ligne, classes dans leur propre fichier |
Garder son propre code cohérent automatiquement
- Prettier pour JavaScript, CSS et HTML : une commande, aucune discussion. Un
.prettierrcdans le projet, « formater à l’enregistrement » dans l’éditeur. - EditorConfig : un fichier
.editorconfigfixe indentation et fins de ligne pour tous les éditeurs de l’équipe. - Hook pre-commit : formate avant chaque commit, pour que les revues ne montrent que la logique, jamais les espaces.
Ce que le formatage ne règle pas
Les mauvais noms, les fonctions de 300 lignes et l’absence de commentaires restent mauvais, simplement bien indentés. Formater est la première étape pour lire du code étranger, pas la dernière. La deuxième consiste à renommer les fonctions que l’on a comprises.
Questions fréquentes
Tabulations ou espaces ?
Les espaces sont aujourd’hui la norme dans presque tous les guides de style ; l’important est que tout le projet utilise la même chose.
Le formatage peut-il casser le code ?
Non, tant que le code est valide. En cas d’erreur de syntaxe, le formateur s’arrête et indique l’endroit — ce qui est utile.
Comment formater du JSON ?
Avec le formateur JSON, qui valide en plus et propose une vue en arbre.
Gratuit, fonctionne dans votre navigateur, rien n’est envoyé, sans inscription.
Continuer la lecture
Plus de Outils développeur et code.
