Maison >Tutoriel CMS >WordPresse >Améliorez le développement WordPress avec des outils de qualité

Améliorez le développement WordPress avec des outils de qualité

王林
王林original
2023-09-03 15:21:01856parcourir

Créer des outils, des thèmes, des plugins et des applications dans WordPress nécessite une variété de choses différentes si nous voulons nous assurer que nous disposons des meilleurs outils nécessaires.

Si vous demandez à 10 personnes différentes quel outil elles préfèrent, non seulement vous obtiendrez une variété de réponses (des IDE aux applications de gestion des dépendances pour créer des outils), mais vous obtiendrez également une variété de réponses, qui sont toutes différentes. fournir des fonctionnalités similaires dont vous pourriez avoir besoin.

Par exemple, certaines des choses que vous pourriez lire incluent :

  • Ronronne

  • Bower
  • Compositeur

  • Pack de codes
  • JSLint
  • ...et plus encore

Cela n’effleure même pas la surface de sujets tels que les serveurs Web, les systèmes de bases de données et les versions PHP. Ce sont tous des sujets importants qui devraient être discutés, mais dans leurs propres messages.

Certains éléments non négociables liés à l'efficacité de votre travail lorsque vous utilisez WordPress sont les suivants :

  1. Un IDE
  2. Dans le débogueur
  3. Inspection et minification du code
  4. Contrôle de version
  5. Outils de déploiement

Comme pour la plupart des choses, les développeurs ont leurs propres choix concernant les outils qu'ils aiment utiliser et pourquoi ils aiment les utiliser.

Dans cet article, je partagerai quelques outils que j'aime utiliser et que je trouve utiles dans mon travail de développement professionnel WordPress. Cependant, je tiens à préciser qu'il ne s'agit pas d'une liste définitive des outils que vous devez utiliser ;

Considérez plutôt ceci comme un guide sur ce qui constitue un outil qualité pour le développement de la qualité. Si vous êtes satisfait de l'ensemble d'outils que vous utilisez, c'est génial ! Mais si vous cherchez quelque chose pour vous aider à faire votre travail de manière plus efficace, alors peut-être que cela vous mettra sur la bonne voie.

Avant de commencer, je souhaite partager que j'utilise OS X, donc beaucoup de mes recommandations seront basées sur cette plate-forme. Cependant, de nombreuses applications que j'utilise ont des équivalents Windows et Linux ainsi que des outils open source et disponibles sur toutes les plates-formes.

1.IDE

Disposer d'un IDE pour écrire du code est crucial. Bien sûr, certains développeurs préfèrent quelque chose d'aussi simple que TextEdit ou Notepad++. Plus de pouvoir pour eux ! Cependant, si vous recherchez des fonctionnalités avec coloration syntaxique, complétion de code, prise en charge de plugins, intégration S/FTP ou même intégration de contrôle de version, plusieurs outils sont disponibles.

Personnellement, mon IDE de choix est Coda 2.

使用质量工具增强 WordPress 开发

Cet IDE particulier suscite des opinions partagées dans le développement WordPress. Certaines personnes aiment Atom, d'autres comme Sublime Text, d'autres comme Vim, d'autres comme PHPStorm, et elles ont toutes leurs propres avantages.

Personnellement, j'aime Coda 2 en raison du support continu, des mises à jour, de la version mobile de l'application et de son apparence générale. J'aime les progrès qu'ils ont réalisés dans la prise en charge des plates-formes comme WordPress, et la complétion du code intégré est excellente.

Bien sûr, d'autres IDE offrent exactement les mêmes fonctionnalités ; cependant, si vous choisissez d'utiliser Coda, voici quelques plugins que je préfère pour le développement WordPress. Sans ordre particulier :

  • Mode WordPress pour Coda 2
  • Générateur PHP DocBlock
  • Albinos

Bien sûr, il existe de nombreux autres composants que vous pouvez installer.

Pour les autres IDE que vous recommandez, assurez-vous de consulter la conclusion pour voir comment nous espérons les intégrer dans le fil de commentaires de cet article particulier.

2. Débogueur

Le débogueur est l'un des outils les plus puissants de la boîte à outils de tout développeur. Pour ceux qui ne sont pas familiers, ce logiciel vous permet de surveiller ce que fait votre code source au moment de l'exécution en regardant ce que fait votre programme.

Cela vous permet de :

  • Voir quelle fonction se déclenche
  • Affichez la valeur de chaque variable
  • Ignorez certaines fonctions que vous souhaitez éviter
  • Accédez aux fonctionnalités que vous souhaitez voir (par exemple, les fonctionnalités principales de WordPress)
  • ...et plus encore

De nombreux IDE (tels que PHPStorm) sont livrés avec des débogueurs intégrés. Mais si vous choisissez d’utiliser un autre IDE qui n’inclut pas de débogueur de manière native, je recommande fortement Codebug.

使用质量工具增强 WordPress 开发

Il s'agit d'un débogueur élégant et facile à utiliser qui vous offre toutes les fonctionnalités d'un débogueur natif, mais dans une application autonome. Cela vaut la peine de l'ajouter à votre arsenal.

AVERTISSEMENT : si vous débutez dans le débogage et/ou n'êtes pas sûr du fonctionnement du système, assurez-vous de lire la documentation. C'est en fait relativement facile à apprendre, mais cela a sa courbe d'apprentissage.

Une fois que vous serez habitué à utiliser un débogueur, vous vous demanderez comment vous avez pu vivre sans.

3. Outils d'inspection et de minification du code

使用质量工具增强 WordPress 开发

Les outils d'inspection de code et de minification sont peut-être deux sujets distincts, mais maintenant, ils sont si étroitement intégrés que je pense qu'ils méritent d'être inclus ensemble.

Vérifiez

Tout d'abord, pour ceux qui ne sont pas familiers, le linting est essentiellement le processus consistant à garantir que votre code (dans ce cas, le code JavaScript) est conforme à une norme spécifique. Autrement dit, il n'utilise aucune mauvaise pratique.

Selon Wikipédia :

lint était à l'origine le nom d'un programme spécifique qui marquait certaines constructions douteuses et non portables (éventuellement des bogues) dans le code source C. Le terme s'applique désormais généralement aux outils qui signalent une utilisation suspecte dans des logiciels écrits dans n'importe quel langage informatique.

Dans notre cas, nous disposons d'outils comme JSLint et JSHint qui nous permettent de faire cela avec du code JavaScript.

Vous pouvez certainement trouver du peluchage pour d’autres langages également, mais le cas le plus courant où vous trouverez du peluchage dans WordPress est sans doute celui de JavaScript. Vous pouvez également trouver cette fonctionnalité dans l'un des outils de construction mentionnés au début de cet article.

Zoom arrière

La minification est le processus consistant à prendre un langage (qu'il s'agisse de CSS, Sass, LESS, JavaScript, etc.) et à le transformer en un fichier plus compact en supprimant tous les espaces, les noms de variables longs, etc. p>

L'idée n'est pas de créer du code obscurci, mais de créer des fichiers légers que vous pouvez servir aux navigateurs en production afin que votre site Web se charge plus rapidement car moins de contenu doit être téléchargé.

Il existe également le concept de concaténation qui dépasse le cadre de cet article, mais l'idée derrière la concaténation est que tous les scripts et feuilles de style minifiés seront combinés en un seul fichier, de sorte que le navigateur n'aura qu'à faire deux requêtes - une pour chaque fichier.

Quoi qu'il en soit, tous les outils ci-dessus se chargeront également de fournir une minification (et une concaténation) des scripts et des styles et de les afficher dans un répertoire de votre choix.

4.Contrôle de version

Chaque fois que vous travaillez sur une base de code, que ce soit seul ou en équipe, il est toujours utile de vous assurer de maintenir la cohérence des versions de vos logiciels.

En un mot, le contrôle de version est une méthode de validation du code dans un référentiel afin que lorsque vous ou les membres de votre équipe apportez des modifications, la dernière version du code soit conservée afin que vous puissiez voir l'historique des opérations effectuées et si quelque chose a été effectué. se passe mal, vous pouvez revenir à un point de la chronologie.

En ce qui concerne les logiciels les mieux adaptés au contrôle de version, il existe des outils comme Subversion, Git et Mercurial.

Si vous avez l’habitude de travailler dans l’économie WordPress, vous connaissez probablement Subversion, car le noyau l’utilise pour maintenir les modifications dans le système.

De plus, si vous avez déjà créé et publié un plugin, vous devez utiliser Subversion pour valider le code, baliser vos versions, etc.

Mais Git devient de plus en plus populaire. Les deux sites d’hébergement Git les plus populaires sont sans doute GitHub et Bitbucket. Quoi qu'il en soit, si vous recherchez un client Git fiable, je recommande fortement Tower 2.

使用质量工具增强 WordPress 开发

Bien que ce soit mon client choisi, il existe de nombreuses autres options. En fin de compte, le but est de vous assurer que vous ajoutez votre code au contrôle de code source, que vous travaillez avec un client que vous aimez et, si possible, que vous l'avez connecté à un système de déploiement afin que chaque fois que vous poussez une fonctionnalité spécifique ou exigence, le client L'environnement utilisé pour évaluer les produits sera mis à jour avec le nouveau code.

5.Outils de déploiement

Le flux de travail standard de haut niveau que nous suivons chaque fois que vous travaillez sur la création d'un projet WordPress (ou de tout autre projet logiciel) est :

  • Un environnement de développement où nous disposons d'un ordinateur local pour le développement.
  • Un environnement de staging où nous déployons le code afin que le client puisse marteler le projet pendant que nous travaillons sur les exigences.
  • Vient ensuite l'environnement de production, où le projet final sera déployé.

À ce stade, il n'est pas rare de connecter votre système de déploiement à un logiciel de contrôle de code source afin que chaque fois qu'une nouvelle mise à jour est validée dans le référentiel de code source, la dernière version du projet soit publiée

.

Heureusement, il existe de nombreux outils formidables pour mettre en place des déploiements automatisés.

Code d'expédition

Codeship se positionne comme un service d'intégration continue capable d'exécuter les scripts nécessaires pour créer, tester et déployer votre projet, le tout au sein d'un commit Git.

Cela signifie que vous pouvez exécuter plusieurs scripts à déclencher pendant le déploiement et recevoir des notifications avant que quoi que ce soit ne soit mis en production.

使用质量工具增强 WordPress 开发

Selon la taille de votre équipe et/ou projet, Codeship est une excellente solution, notamment pour les grandes organisations composées de propriétaires, de managers, de chefs de projet, etc.

Cela dit, j'ai personnellement utilisé cet outil sur une équipe de deux et j'ai été satisfait des résultats.

Déployer des robots

DeployBot était anciennement connu sous le nom de Dploy.io. Semblable à Codeship, DeployBot est conçu pour prendre le code source soumis à un référentiel Git et le déployer dans un environnement de votre choix.

Il a également la capacité d'exécuter des scripts, de créer et de compiler du code et de le déployer dans différents environnements en fonction de la configuration que vous fournissez.

使用质量工具增强 WordPress 开发

Bien sûr, ce ne sont pas tous les outils de déploiement disponibles, mais les deux suivants peuvent vous être utiles lorsque vous travaillez en tant que logiciel professionnel. Chacun d'eux a ses propres avantages et inconvénients par rapport à ce que vous essayez de faire ; cependant, comme il ne s'agit pas d'un article de révision ou de comparaison, je vous laisse le soin de déterminer quel flux de travail vous convient le mieux.

Conclusion

Comme mentionné dans l'introduction, ces outils ne sont rien de plus que des suggestions sur par où commencer avec certains outils de développement WordPress. Je sais que beaucoup d'entre vous ont leurs propres préférences concernant l'utilisation de chacun des critères ci-dessus.

Cela étant dit, j'espère que vous partagerez tous dans les commentaires les outils que vous aimez et pourquoi vous aimez les utiliser. De cette façon, les lecteurs actuels et futurs reçoivent non seulement des articles contenant des recommandations, mais également des commentaires proposant des alternatives.

Après tout, le développement ne consiste pas seulement à résoudre des problèmes. Il s'agit de trouver des outils qui nous rendent heureux même lorsque nous passons environ huit heures par jour à travailler devant nos ordinateurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn