Espaces de travail VS Code avec les projets ESP32 et ESP8266

Espaces de travail VS Code avec les projets ESP32 et ESP8266

Dans ce tutoriel, vous apprendrez à gérer les espaces de travail sur VS Code pour organiser vos projets ESP32 et ESP8266. Vous apprendrez ce qu’est un espace de travail à dossier unique, une espace de travail multi-root, les avantages des espaces de travail et comment les utiliser.

Espaces de travail VS Code avec les projets ESP32 et ESP8266 NodeMCU

Pour vous familiariser avec VS Code avec l’ESP32 et l’ESP8266, suivez d’abord le tutoriel suivant :

Vous pouvez également utiliser VS Code pour programmer vos cartes avec le firmware MicroPython :


Table des matières

Tout au long de ce didacticiel, nous aborderons les sujets suivants :

Qu’est-ce qu’un espace de travail (code VS) ?

Le concept d’espace de travail peut être difficile à comprendre, principalement lorsque vous démarrez avec VS Code. Mais, vous verrez que c’est un concept simple et utile pour organiser vos projets. Nous essaierons de garder ce concept aussi simple que possible et appliqué à nos projets ESP32 et ESP8266. Si vous voulez en savoir plus, vous pouvez lire le documentation des espaces de travail.

UNE espace de travail est simplement une collection d’un ou plusieurs dossiers de projet ouverts dans une fenêtre VS Code (Explorateur de fichiers).

Travail à dossier unique

Dans la plupart des cas, vous travaillez avec un seul dossier de projet à la fois. Dans ce scénario, l’espace de travail est le dossier root unique de votre projet.

Par exemple, créez un nouveau projet PlatformIO ou ouvrez un nouveau dossier de projet. Dans l’exemple suivant, j’ai créé un nouveau projet PlatformIO appelé Serveur Web ESP32. L’espace de travail est le dossier du projet lui-même.

Espace de travail à dossier unique VS Code ESP32 et ESP8266

Espace de travail multiracine

Cependant, selon le projet, il peut être utile d’inclure plusieurs dossiers de projet dans l’espace de travail. Par exemple, imaginez que votre projet nécessite deux ou trois cartes ESP32 ou ESP8266 qui communiquent entre elles. Dans ce cas, il peut être utile d’avoir tous les dossiers de projet des cartes dans un seul espace de travail—c’est ce qu’on appelle Espace de travail multi-root.

Par exemple, si vous créez un autre projet PlatformIO, il l’ajoutera à l’espace de travail actuel. Dans ce cas, le nom de l’espace de travail sera Sans titre jusqu’à ce que vous l’enregistriez et que vous lui donniez un nom. Dans ce cas, j’ai créé un autre projet appelé ESP32 esp-now expéditeur.

Espace de travail multi-racine sans titre VS Code ESP32 ESP8266

Avantages des espaces de travail

  • [Multi-root workspace] Il vous permet d’ouvrir/lister dans l’explorateur de fichiers tous les dossiers de cet espace de travail sans avoir besoin d’ouvrir un seul dossier à la fois.
  • Un espace de travail est comme un dossier avec des capacités supplémentaires. Par exemple, un espace de travail peut avoir des paramètres configurés qui s’appliquent uniquement à ses dossiers (ou au dossier lui-même, dans le cas des espaces de travail à dossier unique). Tout autre dossier ouvert dans VS Code en dehors de cet espace de travail n’aura pas les mêmes paramètres.
  • Vous pouvez activer ou désactiver de manière sélective les extensions pour un espace de travail spécifique. Ceci est utile si vous travaillez de manière interchangeable avec des projets de base MicroPython ou Arduino. Cela vous permet d’activer automatiquement les bonnes extensions pour le projet sur lequel vous travaillez (PlatformIO pour les projets principaux Arduino et PyMakr pour les projets MicroPython).

Ajout de dossiers à l’espace de travail

Vous pouvez également ajouter des dossiers existants à l’espace de travail actuel. Vous devez aller à Déposer > Ajouter un dossier à l’espace de travail… et sélectionnez le dossier de projet que vous souhaitez ajouter.

Ajouter un dossier à l'espace de travail VS Code ESP32 ESP8266 NodeMCU

À ce stade, j’ai trois projets sous mon espace de travail sans titre.

Espace de travail multi-racine avec trois dossiers VS Code ESP32 ESP8266

Enregistrer l’espace de travail

Vous pouvez enregistrer votre espace de travail et lui donner un nom. Pour enregistrer votre espace de travail, vous devez vous rendre sur Déposer > Enregistrer l’espace de travail sous….

VS Code Enregistrer l'espace de travail ESP32 ESP8266 NodeMCU

L’espace de travail est enregistré sous forme de fichier avec le .code-espace de travail extension. Dans mon cas, j’ai appelé mon fichier d’espace de travail ESP-NOW-project.code-workspace.

Maintenant, il apparaît dans l’onglet Explorateur avec le nouveau nom.

Espace de travail nommé VS Code avec plusieurs dossiers ESP32 ESP8266

Fichier d’espace de travail

Un fichier d’espace de travail a le .code-espace de travail et c’est simplement un fichier qui contient une liste des dossiers et fichiers qui doivent être répertoriés dans l’explorateur de fichiers. Les projets enregistrés sur le même espace de travail s’afficheront simultanément dans l’onglet VS Code File Explorer.

De plus, le fichier d’espace de travail peut également contenir des paramètres spécifiques pour les dossiers inclus, comme nous le verrons dans la section suivante.

Pour voir à quoi ressemble un fichier d’espace de travail, accédez à Déposer > Fichier ouvert et sélectionnez le .code-espace de travail fichier que vous avez créé lorsque vous avez enregistré l’espace de travail.

Exemple de contenu de fichier d'espace de travail VS Code ESP32 ESP8266

Comme vous pouvez le voir, il inclut les chemins des dossiers de projet inclus. Pour le moment, il n’a pas encore de paramètres personnalisés. Voyons comment ajouter des paramètres personnalisés aux espaces de travail dans la section suivante.

Paramètres de l’espace de travail

Comme mentionné précédemment, un espace de travail est comme un dossier avec des capacités supplémentaires. Il peut avoir des paramètres configurés qui s’appliquent uniquement à ses dossiers (ou au dossier lui-même, dans les espaces de travail à dossier unique).

Pour définir des paramètres personnalisés pour votre espace de travail, vous pouvez accéder à Déposer > Préférences > Réglages. Ensuite, sélectionnez l’onglet de l’espace de travail (de cette façon, le paramètre défini ne s’appliquera qu’à l’espace de travail actuellement ouvert).

Exemple de fichier d'espace de travail VS-Code avec plusieurs dossiers

Vous pouvez définir de nombreux paramètres pour votre espace de travail. À des fins de démonstration, nous n’avons apporté que quelques modifications. Sous le Couramment utilisé paramètres, nous définissons le Sauvegarde automatique à aprèsDélai et la taille de la police à 12.

Nous avons également changé le thème de couleur—allez à Table de travail > Apparence > Thème de couleur. Nous avons sélectionné le Lumière + thème.

Paramètres de modification de l'espace de travail VS Code

À partir de maintenant, chaque fois que vous ouvrez cet espace de travail, il affichera le thème de couleur claire.

Néanmoins, le thème de couleur par défaut de VS Code reste le Dark +. Cela signifie que si vous fermez l’espace de travail ou ouvrez un autre projet, il reviendra aux paramètres par défaut ou aux paramètres que vous avez définis pour cet espace de travail spécifique.

Maintenant, si vous ouvrez votre fichier d’espace de travail, vous verrez qu’il contient les nouveaux paramètres.

VS Code Nouveaux paramètres d'espace de travail ESP32 ESP8266

Extensions activées/désactivées pour l’espace de travail

Vous pouvez également activer ou désactiver des extensions pour un espace de travail spécifique. Par exemple, si vous ouvrez un projet MicroPython, vous souhaitez que l’extension PyMakr soit activée par défaut. Cependant, vous ne voulez pas que cette extension soit activée si vous travaillez sur un projet programmé avec le noyau Arduino.

Pour vous montrer comment faire cela, nous allons activer l’extension PyMakr pour cet espace de travail spécifique (imaginez qu’il contienne plusieurs dossiers de projet Micropython).

Vous devez accéder à l’onglet Extensions et rechercher une extension spécifique. Dans notre cas, il s’agit de l’extension PyMakr. Sélectionnez cette extension, puis sous le bouton Activer, cliquez sur Activer (espace de travail). Pour que les modifications prennent effet, vous devez redémarrer VS Code.

VS Code Activer l'extension pour l'espace de travail

À partir de maintenant, cette extension sera activée lorsque vous travaillerez sur cet espace de travail.

Téléchargement d’un projet dans un espace de travail multi-root

Cette section fait référence aux projets PlaformIO (noyau Arduino).

Lorsque vous traitez des espaces de travail multi-racines, vous devez pouvoir choisir le projet que vous souhaitez télécharger sur votre tableau. Pour cela, vous devez cliquer sur le nom du projet actuel, comme indiqué dans l’image suivante.

VS-Code Sélectionnez le projet pour télécharger des espaces de travail multi-racines ESP32 ESP8266

Ensuite, un menu déroulant apparaîtra en haut de la fenêtre avec tous les dossiers de projet sur l’espace de travail. Vous devez sélectionner le dossier du projet que vous souhaitez télécharger sur votre tableau.

VS Code Switch PlatformIO Environnement ESP32 ESP8266

Ouvrir/Fermer Workspave

Pour fermer l’espace de travail actuel, vous devez aller à Déposer > Fermer l’espace de travail.

Pour ouvrir un espace de travail existant, accédez à Déposer > Ouvrir l’espace de travail…

VS Code Ouvrir Fermer l'espace de travail

Conclusion

L’utilisation de VS Code est l’un des meilleurs choix pour les projets ESP32 et ESP8266 avancés (ou même simples). Vous pouvez utiliser VS Code pour programmer vos cartes avec le noyau Arduino en utilisant l’extension PaltformIO, ou avec le firmware MicroPython en utilisant l’extension PyMakr. Les deux extensions étaient déjà couvertes dans notre blog (PlatformIO, PyMakr).

L’un des plus gros inconvénients de l’utilisation de VS Code est la courbe d’apprentissage. Il peut être difficile pour les débutants de comprendre comment tout fonctionne. L’un des sujets qui déroutent beaucoup nos lecteurs est le concept de Espace de travail. L’espace de travail est simplement un dossier ou une collection de dossiers qui s’affichent dans l’onglet Explorateur de fichiers. L’espace de travail peut être configuré avec des paramètres spécifiques qui s’appliquent à ses dossiers.

Après avoir suivi ce tutoriel, nous espérons que vous comprenez mieux ce qu’est un espace de travail et que vous pourrez profiter du concept d’espace de travail, principalement pour les projets qui nécessitent plusieurs cartes.

Faites-nous savoir dans les commentaires ci-dessous si cela est clair pour vous maintenant.

Apprenez-en plus sur l’ESP32/ESP8266 avec nos ressources :

Merci d’avoir lu.