Formater le code HTML, CSS, JavaScript et PHP dans Visual Studio Code

Dans VS Code, il est possible de formater automatiquement les langages HTML, CSS et JavaScript, sans utiliser d'extensions, avec les raccourcis clavier suivants :

  • Sous Windows : Shift + Alt + F
  • Sous macOS : Shift + Option + F
  • Sous Linux : Ctrl + Shift + I (i majuscule)

Il n'est pas nécessaire d'installer des extensions supplémentaires, comme Prettier ou Beautify pour formater ces trois langages.

Formater le langage PHP

En revanche, pour formater du code PHP, je conseille d'installer l’extension PHP Intelephense :

Cette extension formate le code PHP, y compris celui contenu dans du code HTML.

Corriger le langage PHP

Quand on souhaite valider un code PHP dans VS Code, on obtient cette notification :

Pour vous aider à corriger vos éventuelles erreurs de code, il faudra au préalable installer une distribution Apache comme MAMP ou XAMPP, puis régler le paramètre php.validate.executablePath :

php.validate.executablePath sous Windows avec MAMP
Validation PHP dans VSCode, sous Windows avec MAMP

Le paramètre php.validate.executablePath se règle différemment selon votre système d'exploitation et votre distribution Apache. Vous devrez indiquer avec précision le chemin de l'exécutable PHP. Quelques exemples :

  • Sous macOS et MAMP : "php.validate.executablePath": "/Applications/MAMP/bin/php/php8.2.20/bin/php"
  • Sous Windows et XAMPP : "php.validate.executablePath": "C:/xampp/php/php.exe"
  • Sous Windows et MAMP : "php.validate.executablePath": "C:/MAMP/bin/php/php8.3.1/php.exe"
  • Sous Linux et XAMPP : "php.validate.executablePath": "/opt/lampp/bin/php"

Une fois les choses correctement paramétrées, vous aurez la joie d'être assisté dans la correction des erreurs, suite à l'enregistrement d'un code PHP :

Correction de code PHP dans Visual Studio Code

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur la façon dont les données de vos commentaires sont traitées.

Logo lesdocs
Résumé de la politique de confidentialité

Ce site collecte des données statistiques via Google Analytics et les commentaires éventuels déposés dans les articles. Plus d'informations sur notre page Politique de confidentialité.