{"id":230320,"date":"2022-11-27T13:41:00","date_gmt":"2022-11-27T10:41:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230320"},"modified":"2022-11-09T21:07:21","modified_gmt":"2022-11-09T18:07:21","slug":"parametres-de-qualite-du-code-par-langue-dans-visual-studio-code","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/parametres-de-qualite-du-code-par-langue-dans-visual-studio-code\/","title":{"rendered":"Param\u00e8tres de qualit\u00e9 du code par langue dans Visual Studio Code"},"content":{"rendered":"\n<p>Dans les articles pr\u00e9c\u00e9dents, j&rsquo;ai un peu parl\u00e9 de <strong><a href=\"https:\/\/tommcfarlin.com\/tag\/visual-studio-code\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Visual Studio Code<\/a><\/strong>, et bien que j&rsquo;aie essay\u00e9 une vari\u00e9t\u00e9 d&rsquo;autres \u00e9diteurs, je reviens toujours \u00e0 cet IDE particulier.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164181-61e75f970c723.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-164181-61e75f970c723.png\" alt=\"Param\u00e8tres de qualit\u00e9 du code par langue dans Visual Studio Code\" ><\/a><\/p>\n<p>Au fil du temps, il a beaucoup m\u00fbri, continue de le faire et permet de nombreuses personnalisations, en particulier pour ceux d&rsquo;entre nous qui travaillent avec <strong><a href=\"https:\/\/php.net\/manual\/en\/intro-whatis.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PHP<\/a><\/strong>, <strong><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sass<\/a><\/strong>, <strong><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">JavaScript<\/a><\/strong> et, plus g\u00e9n\u00e9ralement, <strong><a href=\"https:\/\/wordpress.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WordPress<\/a><\/strong>.<\/p>\n<p>Si vous utilisez des linters, cependant, vous constaterez que l&rsquo;une des choses dont chacun parlera est la quantit\u00e9 d&rsquo;espaces qui devrait exister avant une ligne de code donn\u00e9e.<\/p>\n<p>Donc, si vous utilisez <strong><a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Visual Studio Code<\/a><\/strong>, ce sont les extensions et les param\u00e8tres que je recommande pour vous assurer que votre code est \u00e0 la hauteur des outils de qualit\u00e9 de code que vous utilisez.<\/p>\n<h2>Qualit\u00e9 du code par langue<\/h2>\n<p>Tout d&rsquo;abord, les extensions que je recommande \u00e0 chaque personne d&rsquo;installer &#8211; du moins si vous travaillez avec les langages ci-dessus &#8211; incluent les \u00e9l\u00e9ments suivants\u00a0:<\/p>\n<ul>\n<li><a href=\"https:\/\/github.com\/Microsoft\/vscode-eslint\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ESLint<\/a>. Int\u00e8gre ESLint dans VS Code. (Si vous \u00eates nouveau sur ESLint, consultez la <strong><a href=\"http:\/\/eslint.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">documentation<\/a><\/strong> .)<\/li>\n<li><a href=\"https:\/\/github.com\/ikappas\/vscode-phpcs\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PHPCS<\/a> qui int\u00e8gre les normes de codage PHP (d\u00e9finies dans les pr\u00e9f\u00e9rences) dans l&rsquo;IDE.<\/li>\n<li><a href=\"https:\/\/github.com\/jason-pomerleau\/vscode-wordpress-toolbox\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WordPress Toolbox<\/a> fournit des extraits pour chaque fonction, classe et constante WordPress, avec des conseils de type d&rsquo;argument et de br\u00e8ves descriptions jusqu&rsquo;\u00e0 WordPress 4.9.4 (au moment de cet article).<\/li>\n<\/ul>\n<p>Une fois ceux-ci install\u00e9s, vous pouvez red\u00e9marrer votre IDE ou ajouter le code suivant au fichier de pr\u00e9f\u00e9rences avant de le faire. Vous pouvez le faire sur une base globale ou par projet. N&rsquo;importe quel. J&rsquo;ai comment\u00e9 <strong><a href=\"https:\/\/gist.github.com\/tommcfarlin\/db004aa90822920fe50b7751c5cf3488\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">le code<\/a><\/strong> pour le rendre aussi facile que possible \u00e0 suivre.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164181-61e75f9b3803e.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-164181-61e75f9b3803e.png\" alt=\"Param\u00e8tres de qualit\u00e9 du code par langue dans Visual Studio Code\" ><\/a><\/p>\n<p>J&rsquo;ajouterai \u00e9galement quelques notes en dessous.<\/p>\n<pre><code>{\n    \/\/ Tab Spacing per language.\n    \"[php]\": {\n      \"editor.tabSize\": 4,\n      \"editor.autoIndent\": true\n    },\n\n    \"[scss]\": {\n      \"editor.tabSize\": 2,\n      \"editor.autoIndent\": true\n    },\n\n    \"[javascript]\": {\n      \"editor.tabSize\": 2,\n      \"editor.autoIndent\": true\n    },\n\n    \/\/ General Editor Settings\n    \"files.trimTrailingWhitespace\": true,\n    \"php.suggest.basic\": true,\n    \"php.validate.executablePath\": \"\/usr\/local\/bin\/php\",\n    \"php.validate.run\": \"onType\",\n    \"phpcs.enable\": true,\n    \"phpcs.executablePath\": \"\/usr\/local\/bin\/phpcs\",\n    \"phpcs.standard\": \"PSR2\"\n}<\/code><\/pre>\n<p>Voil\u00e0 comment cela fonctionne:<\/p>\n<ul>\n<li>Pour chaque type de langage, vous pouvez d\u00e9finir certains param\u00e8tres tels que <strong>tabSize<\/strong> et s&rsquo;il faut ou non <strong>autoIndent<\/strong> en cr\u00e9ant une d\u00e9finition dans le fichier JSON.<\/li>\n<li>Pour ce faire, faites pr\u00e9c\u00e9der la d\u00e9finition du suffixe de fichier du langage ou, dans certains cas (comme JavaScript), du nom du langage.<\/li>\n<\/ul>\n<p>Le code au bas du fichier, les <strong>param\u00e8tres g\u00e9n\u00e9raux de l&rsquo;\u00e9diteur<\/strong> sont fournis en tant que suppl\u00e9ments que vous voudrez peut-\u00eatre inclure. Par exemple, j&rsquo;aime couper tout l&rsquo;espace de fin, sugg\u00e9rer des d\u00e9finitions PHP de base et un ensemble de normes de codage lorsque je travaille sur un projet.<\/p>\n<p>Ce sont des choses qui sortent g\u00e9n\u00e9ralement du cadre de ce projet (mais j&rsquo;en ai discut\u00e9 <strong><a href=\"https:\/\/tommcfarlin.com\/tag\/visual-studio-code\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">dans d&rsquo;autres articles<\/a><\/strong> ). Mais cela reste suffisant pour d\u00e9marrer avec un niveau de qualit\u00e9 de code sup\u00e9rieur par langue \u00e0 ce qui est propos\u00e9 par d\u00e9faut.<\/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>Comment d\u00e9marrer avec un niveau de qualit\u00e9 de code sup\u00e9rieur par langue \u00e0 ce qui est propos\u00e9 par d\u00e9faut.<\/p>\n","protected":false},"author":1,"featured_media":164182,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[717,791],"tags":[1167],"class_list":["post-230320","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpeur","category-visual-studio-code-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/230320","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=230320"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/230320\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/164182"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=230320"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=230320"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=230320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}