Un IDE pour le développement WordPress (indépendamment de l’expérience)

Dans l’article précédent, j’ai parcouru le processus de configuration d’un environnement de développement local à l’aide d’un gestionnaire de packages. Plus précisément, j’ai parlé d’utiliser Homebrew pour installer Valet et Composer.

Le premier propose le serveur web Nginx, un serveur de base de données MySQL, tandis que Homebrew permet d’installer PHP. Composer vous permet de gérer les dépendances PHP. Si vous n’avez pas lu le message, je le recommande vivement car ce message est basé sur tout cet environnement.

Plus précisément, je vais parler des IDE. C’est un sujet brûlant, je suppose, mais si vous n’avez pas de préférence, je vais vous guider tout au long du processus pour en choisir un qui me semble le meilleur (du moins pour commencer), le configurer et l’utiliser dans le cadre de l’environnement établi la semaine dernière.

Un IDE pour le développement WordPress

Pour de nombreux développeurs WordPress professionnels, vous les entendrez probablement parler de PhpStorm. Et avec raison. J’utilise cet IDE particulier depuis plus d’un an maintenant et il est vraiment puissant.

Il prend en charge un certain nombre de fonctionnalités avancées, est extensible et possède de nombreuses fonctionnalités intégrées qui en font un excellent environnement de travail. cependant, j’ai constaté que parmi tous les IDE que j’ai essayés, il s’accompagne également de la courbe d’apprentissage la plus abrupte. C’est aussi un IDE payant qui peut être désactivé pour certains. Mais ça va. Nous en parlerons tout au long de cet article.

Ce n’est pas nécessairement une mauvaise chose: parfois, les choses qui valent le plus d’être apprises sont les choses les plus difficiles à utiliser. Mais il existe des alternatives et j’essaie de m’assurer que tous ceux qui lisent ceci sont sur la même longueur d’onde.

Comme je l’ai dit dans le post précédent :

Si je dois écrire longuement sur ce matériel, dois-je supposer que nous utilisons tous le même environnement ?

Puisque je suis du côté de l’oui, je pense qu’il convient de sélectionner un IDE qui, je pense, fonctionnera bien avec n’importe qui – de ceux qui apprennent à ceux qui sont un peu plus avancés. Entrez le code Visual Studio.

Une note à propos de cet IDE

Si vous lisez ce blog depuis un certain temps (ou si vous venez de commencer), vous constaterez que j’ai une archive de messages sur cet IDE particulier. Certains des messages que j’ai écrits incluent:

• Code Visual Studio pour le développement WordPress
• Configuration de PHP CodeSniffer dans Visual Studio Code
• TODO, REVIEWS et FIXME ,
• etc.

En fait, j’ai tout un carnet de commandes que vous pouvez parcourir. Le problème: c’est un peu daté. Lors de l’utilisation de PhpStorm, Visual Studio Code (ou Code, en abrégé) a apporté des améliorations significatives depuis la dernière fois que je l’ai utilisé.

Cela dit, certains de ces éléments peuvent sembler redondants, mais ils finiront par nous mettre tous sur la même longueur d’onde.

Code Visual Studio

Avant de commencer, il convient de faire référence à deux choses :

• Pourquoi Visual Studio Code ?
• Premiers pas avec Visual Studio Code

Ce dernier est un sujet un peu important car il comprend un certain nombre de choses à installer, configurer et configurer, donc je couvrirai cela en commençant par ce post et les nouveaux, mais à tout le moins, cela vaut la peine de parler de pourquoi Visual Studio Code est un IDE solide pour le développement WordPress.

1 Pourquoi Visual Studio Code ?

En plus d’être compatible avec tous les principaux systèmes d’exploitation, l’une des premières choses à noter à propos de Code est qu’il conserve une copie de ses paramètres dans son propre fichier afin que vous puissiez toujours vous y référer, mais vous pouvez le personnaliser selon vos propres paramètres. .

De plus, tout est conservé dans un fichier JSON qui vous permet de le personnaliser pour l’adapter à l’environnement dans lequel vous travaillez. Peut-être que c’est PHP, peut-être que c’est JavaScript, ou peut-être que c’est quelque chose de complètement différent.

De plus, la portabilité des paramètres facilite le partage entre vos ordinateurs. Cela signifie que vous pouvez déposer le fichier dans, par exemple, un dossier Dropbox et faire référencer vos paramètres via toutes vos machines.

Ceci est utile, bien sûr, si vous n’avez que plusieurs machines. Et si vous le faites, vous aimerez peut-être que les environnements de développement soient synchronisés afin qu’il soit facile de les submerger.

2 Premiers pas avec Visual Studio Code

Commencer avec l’IDE est simple. C’est vraiment une question de :

1. Accédez à la page d’accueil du logiciel,
2. Télécharger la version adaptée à votre système d’exploitation,
3. Puis l’installer.

Mais le simple fait de l’installer n’est pas suffisant, n’est-ce pas ?

Je veux dire, nous devons encore parler de l’ajout d’espaces de travail pour chacun de nos projets, de la configuration des paramètres et de l’installation d’extensions qui nous aideront à être plus productifs dans le travail que nous faisons.

Tout au long des prochains articles, nous allons faire exactement cela. Après tout, si ces messages deviennent trop longs, vous ne ferez rien du reste de la journée 🙂.

Qu’en est-il des extensions ?

N’oubliez pas, cependant, puisque nous travaillons principalement avec WordPress et les logiciels associés dans cette série et dans l’article à venir, nous devrons nous assurer que nous avons installé quelques éléments pour gérer correctement ce que nous allons faire.

Cela inclut des éléments tels que la prise en charge de :

• WordPress. L’un des avantages de l’utilisation d’un IDE intelligent est qu’il peut offrir la complétion de code. L’utilisation d’un langage comme PHP est généralement proposée par la plupart des IDE. Ce plugin ajoute la prise en charge de WordPress.
• Normes de codage PSR2. Bien que j’aie été un fan des normes de codage WordPress, je suis depuis passé aux normes de codage PSR (pour diverses raisons).
• Débogage. L’utilisation de Xdebug est essentielle si vous cherchez à vous faire passer en utilisant les instructions echo et var_dump dans votre code. De plus, il est utile d’approfondir le code source de WordPress lors de l’examen de problèmes potentiels.
• À FAIRE Gestion. La plupart du temps, lors de l’écriture de code, il y aura des endroits où vous devrez revenir en arrière et réviser, corriger ou simplement faire avant de publier quelque chose en staging ou en production. L’utilisation d’un outil comme celui-ci vous aidera à les trouver facilement avant de valider le code dans le contrôle de code source ou de le déployer.
• Et plus.

Évidemment, les éléments liés ci-dessus vous amènent à la page d’accueil de chacun des plugins, mais il est possible – et probablement mieux – de les installer depuis l’éditeur afin de pouvoir les gérer plus facilement.

N’oubliez pas que le but du message précédent était d’avoir un moyen de gérer facilement tous les logiciels que nous installons. Et l’installation des extensions via l’IDE fournit exactement la même expérience pour l’IDE.

Enfin, ce sont les extensions que j’ai trouvées utiles lorsque je travaille avec WordPress.

Suivant

Bien que j’aie fourni un résumé des informations sur la plupart des éléments ci-dessus, il n’est pas nécessaire d’approfondir certains d’entre eux ou de savoir à quoi s’attendre lors de leur utilisation.

De plus, il ne parle pas des tabulations habituelles par rapport aux espaces, des polices qui, à mon avis, valent la peine d’être utilisées, du linting Sass, du style JavaScript et du linting, etc.

Jusque-là, installez Visual Studio Code et configurez-le à l’aide des extensions liées ci-dessus. Il est facile de le faire depuis l’IDE. Et si vous avez des questions, n’hésitez pas à les laisser dans les commentaires.