Mais avant d’aborder tout cela, je pense qu’il est important de configurer l’IDE de mani\u00e8re \u00e0 ce qu’il ait l’air bien, qu’il fonctionne bien avec la mani\u00e8re dont nous le souhaitons et que nous comprenions comment cela fonctionne afin que nous puissions l’ajuster davantage au fur et \u00e0 mesure que le le besoin se fait sentir.<\/p>\n
Donc, dans l’article d’aujourd’hui, nous allons examiner exactement cela\u00a0: comprendre comment Visual Studio Code g\u00e8re les param\u00e8tres et proposer une liste d’options de configuration qui vous aideront \u00e0 rendre votre exp\u00e9rience aussi solide que possible.<\/p>\n
Param\u00e8tres utilisateur dans Visual Studio Code<\/h2>\n
Avant de commencer, je vous recommande de t\u00e9l\u00e9charger Fira Code<\/a><\/strong> et d’installer la police sur le syst\u00e8me d’exploitation de votre choix. Bien qu’il existe de nombreuses autres polices (comme Source Code Pro<\/a><\/strong>) qui sont \u00e9galement agr\u00e9ables, j’ai trouv\u00e9 que Fira Code \u00e9tait l’une de mes pr\u00e9f\u00e9r\u00e9es, en particulier avec ses ligatures (mais plus \u00e0 ce sujet momentan\u00e9ment).<\/p>\n C’est ce que vous allez voir dans les captures d’\u00e9cran tout au long de cette s\u00e9rie.<\/p>\n Tout d’abord, notez que Visual Studio Code poss\u00e8de un fichier par d\u00e9faut qu’il utilise pour les param\u00e8tres de ses projets. Vous le remarquerez si vous allez dans le\u00a0 menu Code> Pr\u00e9f\u00e9rences<\/strong> (ou tout ce qui est similaire \u00e0 votre syst\u00e8me d’exploitation.<\/p>\n En bref, tout est d\u00e9fini dans un fichier JSON. C’est l\u00e0 que \u00e7a devient amusant: vous pouvez personnaliser ce fichier en rempla\u00e7ant essentiellement ce qu’il fournit en utilisant un fichier de param\u00e8tres utilisateur qu’il fournit.<\/p>\n Et la bonne chose est que bien qu’il remplace ce que propose Visual Studio, l’IDE reviendra toujours aux param\u00e8tres par d\u00e9faut qui l’accompagnent.<\/p>\n Dans cet article particulier, je vais examiner simplement la d\u00e9finition des param\u00e8tres de l’\u00e9diteur. Dans les prochains articles, cependant, nous verrons comment travailler avec PHP, les normes de codage, etc.<\/p>\n Pour ce post, je vais supposer que vous avez un projet ouvert. Il peut s’agir d’un nouveau projet ou d’un projet existant. Ind\u00e9pendamment de cela, ce que je vais offrir s’appliquera toujours.<\/p>\n Deuxi\u00e8mement, je vais faire des suggestions en fonction du type de travail que je fais le plus souvent. Bien que je recommande ces param\u00e8tres pour d’autres et bien que nous fassions de petits ajustements (par exemple, certains linters ne veulent pas d’espace \u00e0 travers lequel passer toute cette s\u00e9rie sur l’IDE, ce sont les choses les plus g\u00e9n\u00e9rales utilis\u00e9es pour aider \u00e0 d\u00e9marrer).<\/p>\n Lorsque vous ouvrez le fichier pour la premi\u00e8re fois, il sera vide. N’oubliez pas qu’il doit \u00eatre \u00e9crit dans le bon JSON, sinon cela ne fonctionnera pas (et encore moins maintenant \u00e0 cause d’une erreur).<\/p>\n Voici un exemple de ce que j’ai dans les param\u00e8tres de mon \u00e9diteur<\/a><\/strong>\u00a0:<\/p>\n Chacun devrait \u00eatre explicite; cependant, notez que editor.fontLigatures<\/strong> est d\u00e9fini sur true<\/strong> puisque j’utilise Fira Code. Cela changera certaines choses comme =<\/strong> en une ligature.<\/p>\n Cela rend l’exp\u00e9rience beaucoup plus agr\u00e9able lors de l’\u00e9criture de code.<\/p>\n Enfin, une des choses que je trouve utiles est d’avoir des projets dans un endroit qui peut \u00eatre partag\u00e9 entre plusieurs machines. Cela peut \u00eatre fait via Google Drive, Dropbox ou iCloud Drive.<\/p>\n Quel que soit le cas, je recommande de faire ce qui suit :<\/p>\n De cette fa\u00e7on, si vous choisissez d’utiliser plusieurs machines, vous devriez disposer des fichiers source dont vous avez besoin pour travailler sur chaque projet. Mais je ne vais pas insister sur le point ici. J’en ai parl\u00e9 dans un post pr\u00e9c\u00e9dent<\/a><\/strong>, et le processus sonne toujours.<\/p>\n J’ai simplement pens\u00e9 que le signaler serait une bonne d\u00e9cision au cas o\u00f9 ce n’est pas quelque chose que vous avez envisag\u00e9.<\/p>\n \u00c9videmment, cet article n’est pas extr\u00eamement technique, mais nous allons commencer \u00e0 impl\u00e9menter des normes de codage dans le prochain article, et cela n\u00e9cessitera un peu de travail avec Composer ainsi qu’avec les param\u00e8tres utilisateur.<\/p>\n Et pour nous assurer que nous sommes en mesure de le faire, il est logique de jeter les bases pour comprendre le fonctionnement des param\u00e8tres afin que nous puissions continuer \u00e0 les modifier \u00e0 l’avenir.<\/p>\n1 Comprendre les param\u00e8tres<\/h3>\n
2 Configuration de vos param\u00e8tres<\/h3>\n
{\n \/\/ Editor Settings.\n \"editor.fontFamily\": \"Fira Code\",\n \"editor.fontLigatures\": true,\n \"editor.fontSize\": 13,\n \"editor.renderWhitespace\": \"all\",\n \"editor.tabSize\": 4,\n \"editor.insertSpaces\": true,\n \"editor.detectIndentation\": false,\n \"editor.formatOnSave\": false,\n\n \"files.trimTrailingWhitespace\": true,\n\n \/\/ ...\n}<\/code><\/pre>\n![\"Utilisation](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164512-61e766569a4ff.png\")
<\/a><\/p>\n3 projets de partage<\/h3>\n
\n
Examiner les normes de codage<\/h2>\n