{"id":230246,"date":"2022-11-25T20:04:00","date_gmt":"2022-11-25T17:04:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230246"},"modified":"2022-11-25T20:35:47","modified_gmt":"2022-11-25T17:35:47","slug":"utilisation-des-normes-de-codage-php-dans-visual-studio-code","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/utilisation-des-normes-de-codage-php-dans-visual-studio-code\/","title":{"rendered":"Utilisation des normes de codage PHP dans Visual Studio Code"},"content":{"rendered":"\n<p>Nous avons donc configur\u00e9 les bases dans Visual Studio Code, mais nous n&rsquo;avons install\u00e9 aucun outil pratique pour nous aider \u00e0 d\u00e9velopper davantage le c\u00f4t\u00e9 professionnel de l&rsquo;\u00e9criture de code.<\/p>\n<p>Bien s\u00fbr, &quot;professionnel&quot; peut \u00eatre d\u00e9fini en fonction de l&rsquo;entreprise, de l&rsquo;\u00e9quipe ou de l&rsquo;environnement dans lequel vous travaillez. Pour cette s\u00e9rie, j&rsquo;ai choisi d&rsquo;utiliser WordPress comme base. Mais cela laisse encore des choses telles que\u00a0:<\/p>\n<ul>\n<li>normes de codage,<\/li>\n<li>le linting JavaScript,<\/li>\n<li>gestion des colis,<\/li>\n<li>Etc.<\/li>\n<\/ul>\n<p>Et tout au long de la s\u00e9rie, je vais couvrir tout ce qui est indiqu\u00e9 ci-dessus. Mais pour ce faire, je vais couvrir chaque composant un par un.<\/p>\n<p>L&rsquo;article d&rsquo;aujourd&rsquo;hui se concentrera sur les normes de codage PHP. J&rsquo;ai \u00e9crit beaucoup de mat\u00e9riel concernant les normes de codage WordPress, mais au cours de la derni\u00e8re ann\u00e9e ou plus, j&rsquo;ai commenc\u00e9 \u00e0 travailler davantage avec PSR, et c&rsquo;est donc ce qui sera couvert dans cet article.<\/p>\n<p>En remarque, sachez qu&rsquo;une grande partie de ce qui est couvert peut \u00eatre traduite dans les normes de codage WordPress si vous le souhaitez, et il sera clair o\u00f9 vous apporterez les modifications.<\/p>\n<p>Cela dit, commen\u00e7ons.<\/p>\n<h2>Norme de codage PHP dans Visual Studio Code<\/h2>\n<p>Tout d&rsquo;abord, assurez-vous d&rsquo;avoir les pr\u00e9requis qui sont tous couverts dans les articles pr\u00e9c\u00e9dents de cette s\u00e9rie. \u00c0 savoir:<\/p>\n<ol>\n<li><a href=\"https:\/\/wordpress.mediadoma.com\/fr\/un-ide-pour-le-developpement-wordpress-independamment-de-lexperience\/\" title=\"Un IDE pour le d\u00e9veloppement WordPress\">Un IDE pour le d\u00e9veloppement WordPress<\/a><\/li>\n<li><strong><a href=\"https:\/\/wordpress.mediadoma.com\/fr\/utilisation-des-parametres-utilisateur-dans-visual-studio-code\/\" title=\"Utilisation des param\u00e8tres utilisateur dans Visual Studio Code\">Utilisation des param\u00e8tres utilisateur dans Visual Studio Code<\/a><\/strong><\/li>\n<\/ol>\n<p>Chacun des \u00e9l\u00e9ments ci-dessus explique comment installer, configurer et g\u00e9rer Visual Studio Code et les bases de la compr\u00e9hension des param\u00e8tres utilisateur (ainsi que les polices pr\u00e9f\u00e9r\u00e9es, etc.).<\/p>\n<p>Et avec cela, il est temps d&rsquo;installer la prise en charge du reniflage de code et des r\u00e8gles pour les styles de codage PHP bas\u00e9s sur <strong><a href=\"https:\/\/www.php-fig.org\/psr\/psr-2\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PSR-2<\/a><\/strong>.<\/p>\n<p>[restrict pay\u00e9=&quot;true\u00a0\u00bb]<\/p>\n<p>Avant de dire \u00e0 Code que vous souhaitez utiliser cet ensemble particulier de r\u00e8gles, vous pouvez ajouter quelques \u00e9l\u00e9ments \u00e0 votre fichier de param\u00e8tres.<\/p>\n<h3>1 Une mise \u00e0 jour de vos param\u00e8tres utilisateur<\/h3>\n<p>N&rsquo;oubliez pas que pour mettre \u00e0 jour vos param\u00e8tres utilisateur, il vous suffit de cliquer sur <strong>Code<\/strong> puis d&rsquo;acc\u00e9der \u00e0 <strong>Param\u00e8tres<\/strong>, ou vous pouvez utiliser le raccourci <strong>Cmd+,<\/strong> (ou l&rsquo;\u00e9quivalent sur votre syst\u00e8me d&rsquo;exploitation).<\/p>\n<p>Cela fera appara\u00eetre une fen\u00eatre famili\u00e8re\u00a0:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164430-61e7651f87631.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-164430-61e7651f87631.png\" alt=\"Utilisation des normes de codage PHP dans Visual Studio Code\"><\/a><\/p>\n<p>Ensuite, lancez la commande suivante dans votre terminal\u00a0:<\/p>\n<pre><code>$ brew install php-code-sniffer<\/code><\/pre>\n<p>Notez que lorsque je fais cela, je l&rsquo;ai d\u00e9j\u00e0 install\u00e9, mais je suis invit\u00e9 \u00e0 mettre \u00e0 niveau (donc je l&rsquo;ai fait).<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164430-61e76523859b2.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-164430-61e76523859b2.png\" alt=\"Utilisation des normes de codage PHP dans Visual Studio Code\"><\/a><\/p>\n<p>Et puis \u00e0 l&rsquo;int\u00e9rieur, vous pouvez ajouter <strong><a href=\"https:\/\/gist.github.com\/tommcfarlin\/0631fb0f5d276d49d015bb4acc1ea500#file-00-user-settings-for-php-json\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">les lignes suivantes<\/a><\/strong> \u00e0 votre fichier de param\u00e8tres utilisateur\u00a0:<\/p>\n<pre><code>{\n  \/\/ ...\n\n  \/\/ PHP Settings.\n  \"php.suggest.basic\": true,\n  \"php.validate.executablePath\": \"\/usr\/local\/bin\/php\",\n  \"php.validate.run\": \"onSave\",\n\n  \/\/ ...\n}<\/code><\/pre>\n<p>Si vous n&rsquo;\u00eates pas s\u00fbr du chemin d&rsquo;acc\u00e8s \u00e0 votre installation locale de PHP, vous pouvez ex\u00e9cuter la commande suivante dans votre terminal\u00a0:<\/p>\n<pre><code>$ which php<\/code><\/pre>\n<p>Voici ce que chaque ligne d\u00e9crit\u00a0:<\/p>\n<ol>\n<li><strong>php.suggest.basic.<\/strong> Cela contr\u00f4le si oui ou non l&rsquo;EDI fera des suggestions pour le code bas\u00e9 sur PHP (ce qui est utile lors de l&rsquo;\u00e9criture de code). Consid\u00e9rez cela comme une saisie semi-automatique, un aper\u00e7u de l&rsquo;API ou tout ce que vos IDE actuels ou pr\u00e9c\u00e9dents peuvent appeler.<\/li>\n<li><strong>php.validate.executablePath.<\/strong> Cela r\u00e9f\u00e9rence simplement le binaire PHP sur le disque. Ceci est utile pour qu&rsquo;il ex\u00e9cute la version de PHP sur laquelle vos projets sont ex\u00e9cut\u00e9s.<\/li>\n<li><strong>php.validate.run.<\/strong> Comme vous vous en doutez, cela validera votre code lorsque vous enregistrerez votre fichier. Vous pouvez le faire au fur et \u00e0 mesure que vous tapez, mais en fonction de la quantit\u00e9 de frappe, de la vitesse \u00e0 laquelle vous tapez ou simplement de la nature de vos habitudes, il peut \u00eatre plus facile de le faire sur <strong>Enregistrer<\/strong> (d&rsquo;o\u00f9 la raison pour laquelle je l&rsquo;utilise plut\u00f4t que l&rsquo;alternative qui est <strong>onType<\/strong> ).<\/li>\n<\/ol>\n<p>Tout cela est agr\u00e9able et n\u00e9cessaire, \u00e0 mon avis, mais cela ne nous permet pas de renifler du code. Portons donc notre attention sur cela maintenant.<\/p>\n<h3>2 Ajout du reniflage de code<\/h3>\n<p>Rappel de la section pr\u00e9c\u00e9dente, je suis all\u00e9 de l&rsquo;avant et j&rsquo;ai install\u00e9 PHP Code Sniffer via Homebrew mais comment pouvons-nous ajouter le support via Visual Studio Code ?<\/p>\n<p>Je veux dire, il a son propre march\u00e9 o\u00f9 nous pouvons l&rsquo;ajouter, mais y a-t-il d&rsquo;autres choses que nous pouvons faire\u00a0? Depuis que nous l&rsquo;avons install\u00e9 via Homebrew, c&rsquo;est fait.<\/p>\n<p>Il s&rsquo;agit maintenant de le lier \u00e0 Code. Il s&rsquo;agit de faire deux choses :<\/p>\n<ol>\n<li>Installation d&rsquo;un plugin dans Code,<\/li>\n<li>Mise \u00e0 jour de vos param\u00e8tres d&rsquo;utilisateur (une fois de plus).<\/li>\n<\/ol>\n<p>Tout d&rsquo;abord, acc\u00e9dez \u00e0 l&rsquo;\u00e9cran des plugins dans Code, puis recherchez <strong>phpcs<\/strong>. Vous devriez voir quelque chose comme ce qui suit\u00a0:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164430-61e7652770779.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-164430-61e7652770779.png\" alt=\"Utilisation des normes de codage PHP dans Visual Studio Code\"><\/a><\/p>\n<p>Cliquez sur <strong>Installer<\/strong> puis sur <strong>Recharger<\/strong> si vous y \u00eates invit\u00e9.<\/p>\n<p>Ensuite, nous revisitons \u00e0 nouveau notre fichier de param\u00e8tres <strong><a href=\"https:\/\/gist.github.com\/tommcfarlin\/0631fb0f5d276d49d015bb4acc1ea500#file-01-user-settings-for-phpcs-json\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">et ajoutons ce qui suit\u00a0:<\/a><\/strong><\/p>\n<pre><code>{\n  \/\/ ...\n\n  \/\/ PHP Coding Standards.\n  \"phpcs.enable\": true,\n  \"phpcs.executablePath\": \"\/usr\/local\/bin\/phpcs\",\n  \"phpcs.standard\": \"PSR2\"\n\n  \/\/ ...\n}<\/code><\/pre>\n<p>\u00c0 ce stade, vous avez compl\u00e8tement termin\u00e9 la configuration des normes de codage PHP PSR-2 avec Visual Studio Code.<\/p>\n<h3>3 Maintenant, testez-le<\/h3>\n<p>Pour voir si tout fonctionne correctement, ouvrez n&rsquo;importe quel fichier PHP &#8211; soit celui d&rsquo;un projet sur lequel vous travaillez, soit celui du noyau WordPress. Ouvrez le terminal int\u00e9gr\u00e9. \u00c9tant donn\u00e9 que le noyau de WordPress ne suit pas PSR-2, vous risquez de voir beaucoup d&rsquo;erreurs.<\/p>\n<p>Consultez l&rsquo; onglet <strong>Probl\u00e8mes<\/strong> dans le terminal et remarquez\u00a0:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164430-61e7652c067ab.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-164430-61e7652c067ab.png\" alt=\"Utilisation des normes de codage PHP dans Visual Studio Code\"><\/a><\/p>\n<p>Bien s\u00fbr, cela ne vise pas \u00e0 ch\u00e2tier WordPress. Au lieu de cela, il est destin\u00e9 \u00e0 montrer que lorsque vous voyez un probl\u00e8me provenant de PHP Code Sniffer, vous pouvez le r\u00e9soudre avant d&rsquo;enregistrer le fichier, de le terminer ou de le valider dans le r\u00e9f\u00e9rentiel.<\/p>\n<h2>Qu&rsquo;en est-il du travail frontal\u00a0?<\/h2>\n<p>Aussi important qu&rsquo;il soit de s&rsquo;assurer que notre code est \u00e0 la hauteur de la qualit\u00e9 du travail c\u00f4t\u00e9 serveur, qu&rsquo;en est-il du CSS (ou Sass ou LESS) ou du JavaScript\u00a0?<\/p>\n<p>Il existe \u00e9galement des outils sp\u00e9cifiquement pour cela, et nous allons reprendre la couverture de ce mat\u00e9riel dans le prochain article.<\/p>\n<p>Pour l&rsquo;instant, concentrez-vous sur la configuration des normes de codage PHP dans le code, d\u00e9couvrez ce que vous pouvez am\u00e9liorer pour am\u00e9liorer vos styles, et nous partirons de l\u00e0.<\/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>Ici, je vais expliquer comment utiliser Homebrew pour installer les biblioth\u00e8ques n\u00e9cessaires pour PHP Code Sniffer et les r\u00e8gles PSR-2 ex\u00e9cut\u00e9es dans Visual Studio Code.<\/p>\n","protected":false},"author":1,"featured_media":236519,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[717,841,1064],"tags":[1167],"class_list":["post-230246","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpeur","category-tutoriels","category-un-ordinateur","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/230246","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=230246"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/230246\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/236519"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=230246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=230246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=230246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}