Créer un environnement de développement WordPress sur VSCode

Visual Studio Code (VSCode) est un éditeur de code populaire utilisé par de nombreux développeurs pour sa polyvalence et ses fonctionnalités avancées. Si vous êtes un développeur PHP travaillant sur des projets WordPress, vous pouvez optimiser votre flux de travail en configurant un environnement de développement WordPress sur VSCode.

Dans cet article, nous vous guiderons à travers l’installation des extensions essentielles et des dépendances nécessaires pour créer un environnement de développement WordPress à la fois robuste et fiable.

Installation des extensions VSCode:

Pour commencer, vous devez installer les extensions suivantes si vous ne les avez pas déjà dans votre VSCode:

• PHP Sniffer & Beautiful: Cette extension vous permet de formater et de vérifier la qualité de votre code PHP.
• PHP DocBlocker: Cette extension facilite la génération de blocs de documentation pour vos fonctions, classes et méthodes PHP.
• WordPress Snippet: Cette extension fournit des snippets utiles spécifiquement pour le développement WordPress, ce qui vous permet de gagner du temps lors de la saisie de code récurrent.

Installation des dépendances:

Ensuite, vous devrez installer deux dépendances importantes pour votre environnement de développement WordPress:

PHPCS: PHPCS (PHP CodeSniffer) est un outil de vérification de la qualité du code PHP. Vous pouvez l’installer en exécutant la commande suivante dans votre Terminal :

composer require --dev squizlabs/php_codesniffer

La norme de codage WordPress : Pour maintenir une cohérence de codage, vous devez installer la norme de codage WordPress en utilisant la commande suivante :

composer require --dev wp-coding-standards/wpcs

Configuration du fichier settings.json:

Après avoir installé les extensions et les dépendances, vous devez mettre à jour votre fichier de configuration settings.json pour tirer pleinement parti de votre environnement de développement WordPress. Voici les modifications à apporter :

{
    "[php]": {
        "editor.defaultFormatter": "valeryanm.vscode-phpsab"
    },
    "phpsab.debug": true,
    "phpsab.standard": "WordPress",
    "phpcs.standard": "WordPress",
   
}

Gestion de Git et SFTP:

Si vous utilisez Git pour la gestion de version ou l’extension SFTP pour envoyer votre code sur un serveur distant, il est essentiel d’exclure les fichiers sensibles pour éviter de les inclure accidentellement dans vos commits ou vos déploiements.

Voici les exclusions recommandées si vous utilisez Git :

vendor/**
composer.json
composer.lock
.vscode/**

Voici les exclusions recommandées si vous utilisez SFtp :

{
    "name": "My Server",
    "host": "my-host",
    "protocol": "sftp",
    "port": 22,
    "username": "my-username",
    "password": "my-password",
    "remotePath": "/",
    "uploadOnSave": true,
    "useTempFile": false,
    "openSsh": false,
    "ignore": [
        ".github",
        ".vscode",
        "vendor",
        "composer.json",
        "sftp-config.json"
      ]
}

Si cet article vous a aidé, si vous avez des questions ou des améliorations à proposer, n'hésitez pas à me laisser un commentaire en bas de page !