{"id":230199,"date":"2022-11-24T11:27:00","date_gmt":"2022-11-24T08:27:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230199"},"modified":"2022-11-24T11:36:12","modified_gmt":"2022-11-24T08:36:12","slug":"un-ide-pour-le-developpement-wordpress-independamment-de-lexperience","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/un-ide-pour-le-developpement-wordpress-independamment-de-lexperience\/","title":{"rendered":"Un IDE pour le d\u00e9veloppement WordPress (ind\u00e9pendamment de l&rsquo;exp\u00e9rience)"},"content":{"rendered":"\n<p>Dans <strong><a href=\"https:\/\/wordpress.mediadoma.com\/fr\/un-environnement-de-developpement-wordpress-a-laide-dun-gestionnaire-de-packages\/\" title=\"l'article pr\u00e9c\u00e9dent\">l&rsquo;article pr\u00e9c\u00e9dent<\/a><\/strong>, j&rsquo;ai parcouru le processus de configuration d&rsquo;un environnement de d\u00e9veloppement local \u00e0 l&rsquo;aide d&rsquo;un gestionnaire de packages. Plus pr\u00e9cis\u00e9ment, j&rsquo;ai parl\u00e9 d&rsquo;utiliser <strong><a href=\"https:\/\/brew.sh\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Homebrew<\/a><\/strong> pour installer <strong><a href=\"https:\/\/laravel.com\/docs\/5.5\/valet\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Valet<\/a><\/strong> et <strong><a href=\"https:\/\/getcomposer.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Composer<\/a><\/strong>.<\/p>\n<p>Le premier propose le serveur web Nginx, un serveur de base de donn\u00e9es MySQL, tandis que Homebrew permet d&rsquo;installer PHP. Composer vous permet de g\u00e9rer les d\u00e9pendances PHP. Si vous n&rsquo;avez pas lu le message, je le recommande vivement car ce message est bas\u00e9 sur tout cet environnement.<\/p>\n<\/p>\n<p>Plus pr\u00e9cis\u00e9ment, je vais parler des IDE. C&rsquo;est un sujet br\u00fblant, je suppose, mais si vous n&rsquo;avez pas de pr\u00e9f\u00e9rence, 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&rsquo;utiliser dans le cadre de <strong><a href=\"https:\/\/wordpress.mediadoma.com\/fr\/un-environnement-de-developpement-wordpress-a-laide-dun-gestionnaire-de-packages\/\" title=\"l&#039;environnement \u00e9tabli la semaine derni\u00e8re\">l&rsquo;environnement \u00e9tabli la semaine derni\u00e8re<\/a><\/strong>.<\/p>\n<h2>Un IDE pour le d\u00e9veloppement WordPress<\/h2>\n<p>Pour de nombreux d\u00e9veloppeurs WordPress professionnels, vous les entendrez probablement parler de <strong><a href=\"https:\/\/www.jetbrains.com\/phpstorm\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PhpStorm<\/a><\/strong>. Et avec raison. J&rsquo;utilise cet IDE particulier depuis plus d&rsquo;un an maintenant et il est vraiment puissant.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164596-61e768df76d6e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164596-61e768df76d6e.png\" alt=\"Un IDE pour le d\u00e9veloppement WordPress (ind\u00e9pendamment de l&#039;exp\u00e9rience)\"><\/a><\/p>\n<p>Il prend en charge un certain nombre de fonctionnalit\u00e9s avanc\u00e9es, est extensible et poss\u00e8de de nombreuses fonctionnalit\u00e9s int\u00e9gr\u00e9es qui en font un excellent environnement de travail. cependant, j&rsquo;ai constat\u00e9 que parmi tous les IDE que j&rsquo;ai essay\u00e9s, il s&rsquo;accompagne \u00e9galement de la courbe d&rsquo;apprentissage la plus abrupte. C&rsquo;est aussi un IDE payant qui peut \u00eatre d\u00e9sactiv\u00e9 pour certains. Mais \u00e7a va. Nous en parlerons tout au long de cet article.<\/p>\n<p>Ce n&rsquo;est pas n\u00e9cessairement une mauvaise chose: parfois, les choses qui valent le plus d&rsquo;\u00eatre apprises sont les choses les plus difficiles \u00e0 utiliser. Mais il existe des alternatives et j&rsquo;essaie de m&rsquo;assurer que tous ceux qui lisent ceci sont sur la m\u00eame longueur d&rsquo;onde.<\/p>\n<p><strong><a href=\"https:\/\/wordpress.mediadoma.com\/fr\/un-environnement-de-developpement-wordpress-a-laide-dun-gestionnaire-de-packages\/\" title=\"Comme je l&#039;ai dit\">Comme je l&rsquo;ai dit<\/a><\/strong> dans le post pr\u00e9c\u00e9dent :<\/p>\n<blockquote>\n<p>Si je dois \u00e9crire longuement sur ce mat\u00e9riel, dois-je supposer que nous utilisons tous le m\u00eame environnement\u00a0?<\/p>\n<\/blockquote>\n<p>Puisque je suis du c\u00f4t\u00e9 de l&rsquo;oui, je pense qu&rsquo;il convient de s\u00e9lectionner un IDE qui, je pense, fonctionnera bien avec n&rsquo;importe qui &#8211; de ceux qui apprennent \u00e0 ceux qui sont un peu plus avanc\u00e9s. Entrez <strong><a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">le code Visual Studio<\/a><\/strong>.<\/p>\n<h3>Une note \u00e0 propos de cet IDE<\/h3>\n<p>Si vous lisez ce blog depuis un certain temps (ou si vous venez de commencer), vous constaterez que j&rsquo;ai une archive de messages sur cet IDE particulier. Certains des messages que j&rsquo;ai \u00e9crits incluent:<\/p>\n<ul>\n<li><a href=\"https:\/\/tommcfarlin.com\/vs-code-wordpress\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Code Visual Studio pour le d\u00e9veloppement WordPress<\/a><\/li>\n<li><strong><a href=\"https:\/\/tommcfarlin.com\/php-codesniffer-in-visual-studio-code\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Configuration de PHP CodeSniffer dans Visual Studio Code<\/a><\/strong><\/li>\n<li><strong><a href=\"https:\/\/tommcfarlin.com\/visual-studio-code-todo\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">TODO, REVIEWS et FIXME<\/a><\/strong> ,<\/li>\n<li>etc.<\/li>\n<\/ul>\n<p>En fait, j&rsquo;ai tout un <strong><a href=\"https:\/\/tommcfarlin.com\/tag\/visual-studio-code\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">carnet<\/a><\/strong> de commandes que vous pouvez parcourir. Le probl\u00e8me: c&rsquo;est un peu dat\u00e9. Lors de l&rsquo;utilisation de PhpStorm, Visual Studio Code (ou Code, en abr\u00e9g\u00e9) a apport\u00e9 des am\u00e9liorations significatives depuis la derni\u00e8re fois que je l&rsquo;ai utilis\u00e9.<\/p>\n<p>Cela dit, certains de ces \u00e9l\u00e9ments peuvent sembler redondants, mais ils finiront par nous mettre tous sur la m\u00eame longueur d&rsquo;onde.<\/p>\n<h3>Code Visual Studio<\/h3>\n<p>Avant de commencer, il convient de faire r\u00e9f\u00e9rence \u00e0 deux choses\u00a0:<\/p>\n<ul>\n<li>Pourquoi Visual Studio Code ?<\/li>\n<li>Premiers pas avec Visual Studio Code<\/li>\n<\/ul>\n<p>Ce dernier est un sujet un peu important car il comprend un certain nombre de choses \u00e0 installer, configurer et configurer, donc je couvrirai cela en commen\u00e7ant par ce post et les nouveaux, mais \u00e0 tout le moins, cela vaut la peine de parler de pourquoi Visual Studio Code est un IDE solide pour le d\u00e9veloppement WordPress.<\/p>\n<h3>1 Pourquoi Visual Studio Code ?<\/h3>\n<p>En plus d&rsquo;\u00eatre compatible avec tous les principaux syst\u00e8mes d&rsquo;exploitation, l&rsquo;une des premi\u00e8res choses \u00e0 noter \u00e0 propos de Code est qu&rsquo;il conserve une copie de ses param\u00e8tres dans son propre fichier afin que vous puissiez toujours vous y r\u00e9f\u00e9rer, mais vous pouvez le personnaliser selon vos propres param\u00e8tres. .<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164596-61e768e50ca51.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164596-61e768e50ca51.png\" alt=\"Un IDE pour le d\u00e9veloppement WordPress (ind\u00e9pendamment de l&#039;exp\u00e9rience)\"><\/a><\/p>\n<p>De plus, tout est conserv\u00e9 dans un fichier JSON qui vous permet de le personnaliser pour l&rsquo;adapter \u00e0 l&rsquo;environnement dans lequel vous travaillez. Peut-\u00eatre que c&rsquo;est PHP, peut-\u00eatre que c&rsquo;est JavaScript, ou peut-\u00eatre que c&rsquo;est quelque chose de compl\u00e8tement diff\u00e9rent.<\/p>\n<p>De plus, la portabilit\u00e9 des param\u00e8tres facilite le partage entre vos ordinateurs. Cela signifie que vous pouvez d\u00e9poser le fichier dans, par exemple, un dossier Dropbox et faire r\u00e9f\u00e9rencer vos param\u00e8tres via toutes vos machines.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164596-61e768e9bc315.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164596-61e768e9bc315.png\" alt=\"Un IDE pour le d\u00e9veloppement WordPress (ind\u00e9pendamment de l&#039;exp\u00e9rience)\"><\/a><\/p>\n<p>Ceci est utile, bien s\u00fbr, si vous n&rsquo;avez que plusieurs machines. Et si vous le faites, vous aimerez peut-\u00eatre que les environnements de d\u00e9veloppement soient synchronis\u00e9s afin qu&rsquo;il soit facile de les submerger.<\/p>\n<h3>2 Premiers pas avec Visual Studio Code<\/h3>\n<p>Commencer avec l&rsquo;IDE est simple. C&rsquo;est vraiment une question de :<\/p>\n<ol>\n<li>Acc\u00e9dez \u00e0 <strong><a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">la page d&rsquo;accueil du logiciel,<\/a><\/strong><\/li>\n<li>T\u00e9l\u00e9charger la version adapt\u00e9e \u00e0 votre syst\u00e8me d&rsquo;exploitation,<\/li>\n<li>Puis l&rsquo;installer.<\/li>\n<\/ol>\n<p>Mais le simple fait de l&rsquo;installer n&rsquo;est pas suffisant, n&rsquo;est-ce pas ?<\/p>\n<p>Je veux dire, nous devons encore parler de l&rsquo;ajout d&rsquo;espaces de travail pour chacun de nos projets, de la configuration des param\u00e8tres et de l&rsquo;installation d&rsquo;extensions qui nous aideront \u00e0 \u00eatre plus productifs dans le travail que nous faisons.<\/p>\n<p>Tout au long des prochains articles, nous allons faire exactement cela. Apr\u00e8s tout, si ces messages deviennent trop longs, vous ne ferez rien du reste de la journ\u00e9e \ud83d\ude42.<\/p>\n<h3>Qu&rsquo;en est-il des extensions\u00a0?<\/h3>\n<p>N&rsquo;oubliez pas, cependant, puisque nous travaillons principalement avec WordPress et les logiciels associ\u00e9s dans cette s\u00e9rie et dans l&rsquo;article \u00e0 venir, nous devrons nous assurer que nous avons install\u00e9 quelques \u00e9l\u00e9ments pour g\u00e9rer correctement ce que nous allons faire.<\/p>\n<p>Cela inclut des \u00e9l\u00e9ments tels que la prise en charge de :<\/p>\n<ul>\n<li><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=wordpresstoolbox.wordpress-toolbox\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WordPress<\/a>. L&rsquo;un des avantages de l&rsquo;utilisation d&rsquo;un IDE intelligent est qu&rsquo;il peut offrir la compl\u00e9tion de code. L&rsquo;utilisation d&rsquo;un langage comme PHP est g\u00e9n\u00e9ralement propos\u00e9e par la plupart des IDE. Ce plugin ajoute la prise en charge de WordPress.<\/li>\n<li><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=ikappas.phpcs\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Normes de codage PSR2<\/a>. Bien que j&rsquo;aie \u00e9t\u00e9 un fan des normes de codage WordPress, je suis depuis pass\u00e9 aux <strong><a href=\"https:\/\/www.php-fig.org\/psr\/psr-2\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">normes de codage PSR<\/a><\/strong> (pour diverses raisons).<\/li>\n<li><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=felixfbecker.php-debug\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">D\u00e9bogage<\/a>. L&rsquo;utilisation de <strong><a href=\"https:\/\/xdebug.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Xdebug<\/a><\/strong> est essentielle si vous cherchez \u00e0 vous faire passer en utilisant les instructions <strong>echo<\/strong> et <strong>var_dump<\/strong> dans votre code. De plus, il est utile d&rsquo;approfondir le code source de WordPress lors de l&rsquo;examen de probl\u00e8mes potentiels.<\/li>\n<li><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=wayou.vscode-todo-highlight\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u00c0 FAIRE Gestion<\/a>. La plupart du temps, lors de l&rsquo;\u00e9criture de code, il y aura des endroits o\u00f9 vous devrez revenir en arri\u00e8re et r\u00e9viser, corriger ou simplement faire avant de publier quelque chose en staging ou en production. L&rsquo;utilisation d&rsquo;un outil comme celui-ci vous aidera \u00e0 les trouver facilement avant de valider le code dans le contr\u00f4le de code source ou de le d\u00e9ployer.<\/li>\n<li>Et plus.<\/li>\n<\/ul>\n<p>\u00c9videmment, les \u00e9l\u00e9ments li\u00e9s ci-dessus vous am\u00e8nent \u00e0 la page d&rsquo;accueil de chacun des plugins, mais il est possible &#8211; et probablement mieux &#8211; de les installer depuis l&rsquo;\u00e9diteur afin de pouvoir les g\u00e9rer plus facilement.<\/p>\n<p>N&rsquo;oubliez pas que le but du message pr\u00e9c\u00e9dent \u00e9tait d&rsquo;avoir un moyen de g\u00e9rer facilement tous les logiciels que nous installons. Et l&rsquo;installation des extensions via l&rsquo;IDE fournit exactement la m\u00eame exp\u00e9rience pour l&rsquo;IDE.<\/p>\n<p>Enfin, ce sont les extensions que j&rsquo;ai trouv\u00e9es utiles lorsque je travaille avec WordPress.<\/p>\n<h2>Suivant<\/h2>\n<p>Bien que j&rsquo;aie fourni un r\u00e9sum\u00e9 des informations sur la plupart des \u00e9l\u00e9ments ci-dessus, il n&rsquo;est pas n\u00e9cessaire d&rsquo;approfondir certains d&rsquo;entre eux ou de savoir \u00e0 quoi s&rsquo;attendre lors de leur utilisation.<\/p>\n<p>De plus, il ne parle pas des tabulations habituelles par rapport aux espaces, des polices qui, \u00e0 mon avis, valent la peine d&rsquo;\u00eatre utilis\u00e9es, du linting Sass, du style JavaScript et du linting, etc.<\/p>\n<p>Jusque-l\u00e0, installez Visual Studio Code et configurez-le \u00e0 l&rsquo;aide des extensions li\u00e9es ci-dessus. Il est facile de le faire depuis l&rsquo;IDE. Et si vous avez des questions, n&rsquo;h\u00e9sitez pas \u00e0 les laisser dans les commentaires.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un IDE gratuit pour le d\u00e9veloppement WordPress qui est extensible, puissant et continuellement am\u00e9lior\u00e9 qui nous sert bien.<\/p>\n","protected":false},"author":1,"featured_media":164597,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[832,841,1064,862],"tags":[1167],"class_list":["post-230199","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide-pour-les-debutants","category-tutoriels","category-un-ordinateur","category-wordpress-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/230199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=230199"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/230199\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/164597"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=230199"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=230199"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=230199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}