| |
outils:vscode:vscarduino [2021/08/11 18:24] – phil | outils:vscode:vscarduino [Date inconnue] (Version actuelle) – supprimée - modification externe (Date inconnue) 127.0.0.1 |
---|
[[:outils:vscode:accueilvscode|{{ :iconemaison.jpg?nolink&25|Sommaire VSCode}}]] | |
| |
==== VSCode - Programmation d'une carte Arduino "étape par étape" ==== | |
[Mise à jour le 8/5/2020] | |
| |
* **Lecture connexe** | |
* Wiki [[outils:vscode:accueilvscode|VSCode]] | |
| |
---- | |
| |
=== Préambule === | |
Ce tutoriel a été réalisé avec une carte [[Arduino:carte_uno|Arduino Uno]]. \\ <html><a href="https://www.arduino.cc/en/Main/Software" target="_blank"> L'IDE Arduino 1.8.12</a></html>, l'environnement de développement [[outils:vscode|Visual Studio Code 1.44.2]] et l'extension <html><a href="https://marketplace.visualstudio.com/items?itemName=vsciot-vscode.vscode-arduino" target="_blank">Arduino 0.3.0</a></html> pour VSCode ont été installés sur un PC sous W10. | |
| |
* **Réglage préalable** | |
| |
<note>A partir de //fichier// -> //Préférences// -> //Paramètres//, entrer cpp intelli dans l'invite et régler **C_Cpp › Default: Intelli Sense Mode** sur **msvc-x64**. </note> | |
| |
La présentation du logiciel V**isual Studio Code** est accessible [[outils:vscode:accueilvscode|ici]]. | |
| |
***Trois approches** sont développées dans ce document : | |
- La première consiste à mettre en oeuvre un [[#1. Blink - Mise en oeuvre d'un exemple Arduino dans VSCode|exemple Arduino]] dans VSCode, | |
- La seconde montre comment créer un projet VSCode à partir d'un [[#2. Potentiomètre - Création d'un projet VSCode à partir d'un fichier Arduino existant|fichier Arduino existant]], | |
- La dernière aborde la création d'un projet Arduino sous VSCode [[#3. Température - Création d'un projet Arduino avec VSCode en partant de zéro| en partant de zéro]]. | |
| |
Chaque approche peut être consultée indépendamment des autres. | |
| |
=== 1. Blink - Mise en oeuvre d'un exemple Arduino === | |
* **Matériels** : carte Arduino Uno. | |
| |
<note important>**Objectif** : "prendre en main" le logiciel VSCode et se familiariser avec les fonctionnalités de l'extension Arduino.</note> | |
| |
---- | |
| |
**Cahier des charges** {{:arduino:ledarduino.png?nolink&50 |}} | |
| |
Faire clignoter la LED identifiée par "**L**" sur la carte Arduino Uno ! | |
| |
---- | |
| |
** Étape 1 : Ouvrir Visual Studio Code ** en cliquant sur {{:arduino:vscodeico.png?nolink&25|}} | |
| |
** Étape 2 : Choisir l'exemple Blink ** | |
* Ouvrir l'explorateur en cliquant sur {{:outils:vscode:expvscode.png?nolink&25|}}, sélectionner {{:arduino:f1.png?nolink&40|}} et entrer "Arduino Examples" dans l'invite de commande puis sélectionner {{:outils:vscode:duinoex.png?nolink&130|}}. Choisir l'exemple **Blink** à la position indiquée ci-dessous. {{ :arduino:exblink.png?nolink&200 |}} | |
* Le projet **Blink** s'ouvre dans une nouvelle fenêtre. Il se compose de deux fichiers et d'un répertoire : | |
* **.vscode** est le répertoire contenant les fichiers de configuration **arduino.json** et** c_cpp_properties.json** | |
* **Blink.ino** est le fichier du code source | |
* **Blink.txt** (optionnel) décrit le projet | |
{{ :arduino:projblink.png?nolink |}} | |
* Pour le moment VSCode <html><span style="color:red">souligne en rouge</span></html> les mots-clés Arduino car il ne les reconnaît pas. Sélectionner une carte en cliquant sur {{:outils:vscode:selectboard.png?nolink&130|}} en bas et à droite de l'écran pour choisir une {{:outils:vscode:txtuno.png?nolink|**Arduino Uno**}}. Les soulignements doivent disparaître. | |
| |
<note>La touche {{:arduino:f1.png?nolink&40|}} ouvre la **palette de commandes**. Celle-ci permet d'accéder à l'ensemble des fonctionnalités de l'éditeur et des extensions qui ont été installées. \\ | |
\\ | |
Le choix de la carte et du **port de communication** sont accessibles dans la barre d'état. | |
{{ :arduino:exconfig.png?nolink&450 |}}</note> | |
| |
** Étape 3 : Afficher la fenêtre de sortie ** | |
* Cette fenêtre donnera des informations lors de la vérification et du téléchargement du programme. | |
| |
* Menu //Affichage// -> Sortie ou (**Ctrl-Maj-U**) | |
{{ :arduino:fensortie.png?nolink&800 |}} | |
| |
** Étape 4 : Connecter la carte et sélectionner le port série ** | |
* Connecter la carte Arduino au PC à l'aide d'un câble USB. | |
* Cliquer sur {{:arduino:selectport.png?nolink&130|}} dans la barre d'état. Sélectionnez le port **COM** auquel est connectée la carte. | |
{{ :arduino:exconfig2.png?nolink&450 |}} | |
//Exemple// | |
{{ :arduino:serialport.png?nolink |}} | |
La barre d'état a été modifiée comme ci-dessous. | |
{{ :arduino:exconfig3.png?nolink&400 |}} | |
| |
<note>On peut également sélectionner le port série avec {{:arduino:f1.png?nolink&40|}}, en entrant **Arduino** et en cliquant sur **Arduino : Select Serial Port**.</note> | |
| |
** Étape 5 : Vérifier le programme ** | |
* Ouvrir le fichier source dans la zone d'édition en cliquant sur **Blink.ino**. | |
{{ :arduino:sourceblink.png?nolink&400 |}} | |
* Sélectionnez l'icône ci-dessous en haut et à droite de l'écran pour **vérifier le code** du programme. (**Ctrl-Alt-R**) | |
{{ :arduino:barrearduino1.png?nolink |}} | |
| |
* Le texte des étapes de la vérification du code apparait dans la fenêtre de sortie. {{ :arduino:verifyblink.png?nolink&350 |}} | |
| |
* S'il n'y a pas eu d'erreurs, le texte ci-dessous s'affiche dans la fenêtre de sortie.{{ :arduino:noerrorblink.png?nolink&350 |}} | |
| |
<note>On peut également vérifier le code en sélectionnant {{:arduino:f1.png?nolink&40|}}, en entrant **Arduino** et en cliquant sur **Arduino : Verify**.</note> | |
| |
** Étape 6 : Transférer le programme dans la carte ** | |
* Sélectionnez l'icône ci-dessous en haut et à droite de l'écran pour **transférer le code** du programme dans la carte. (**Ctrl-Alt-U**) | |
{{ :arduino:barrearduino2.png?nolink |}} | |
| |
* Les étapes du transfert du code apparaissent dans la fenêtre de sortie. Si le transfert a réussi, le message ci-dessous s'affiche.{{ :arduino:blinkuploaded.png?nolink&350 |}} | |
| |
<note>On peut également transférer le code en sélectionnant {{:arduino:f1.png?nolink&40|}}, en entrant **Arduino** et en cliquant sur **Arduino : Upload**.</note> | |
| |
<note tip>Voir le paragraphe "Problèmes rencontrés" en cas de problème avec la **complétion de code** (Intellisense). </note> | |
| |
=== 2. Potentiomètre - Création d'un projet VSCode à partir d'un fichier existant === | |
* **Matériels** : carte Arduino Uno, shield Tinkerkit, LED et potentiomètre. | |
| |
<note important>**Objectif** : comprendre la notion de projet VSCode, créer un projet et installer le code source d'un programme Arduino existant.</note> | |
| |
---- | |
| |
**Cahier des charges** \\ | |
Régler la fréquence de clignotement d'une LED avec un potentiomètre. | |
| |
---- | |
| |
{{ :arduino:blink2.jpg?nolink&400 |}} | |
| |
** Étape 1 : Créer un répertoire ** | |
| |
* Effectuer un clic droit sur le bureau du PC, ajouter un dossier (**Nouveau** -> **Dossier**) et le nommer **//BlinkPot//**. | |
| |
<note warning>Un **sketch** Arduino doit être contenu dans un **projet Visual Studio Code**. Un projet VSCode est contenu dans un **répertoire**.</note> | |
| |
** Étape 2 : Placer le répertoire dans Visual Studio Code ** | |
| |
* Ouvrir Visual Studio Code en cliquant sur {{:arduino:vscodeico.png?nolink&25|}} | |
* Faire glisser le dossier //BlinkPot// dans VSCode. | |
| |
{{ :arduino:projpotvide.png?nolink&300 |}} | |
| |
** Étape 3 : Placer un fichier .ino existant dans VSCode ** | |
| |
* Télécharger le fichier //**blinkpot.ino**// disponible <html><a href="https://webge.fr/doc/wikis/code/Arduino/ARD_Uno_Pot_Led.zip" title="BlinkPot">ici</a></html>. | |
* Le dézipper et le faire glisser dans la zone **Explorateur** de VSCode. | |
* Pour le moment VSCode souligne en rouge les mots-clés Arduino car il ne les reconnaît pas. Sélectionner une carte en cliquant sur {{:outils:vscode:selectboard.png?nolink&130|}} en bas et à droite de l'écran pour choisir une {{:outils:vscode:txtuno.png?nolink|**Arduino Uno**}}. Les soulignements doivent disparaître. La fenêtre doit ressembler à la copie d'écran ci-dessous. {{ :arduino:fichierpot.png?nolink&300 |}} | |
| |
** Étape 4 : Connecter la carte et sélectionner le port série ** | |
* Connecter la carte Arduino au PC à l'aide d'un câble USB. | |
* Cliquer sur {{:arduino:selectport.png?nolink&130|}} dans la barre d'état. Sélectionnez le port **COM** auquel est connectée la carte. | |
{{ :arduino:exconfig2.png?nolink&450 |}} | |
//Exemple// | |
{{ :arduino:serialport.png?nolink |}} | |
La barre d'état a été modifiée comme ci-dessous. | |
{{ :arduino:exconfig3.png?nolink&400 |}} | |
| |
| |
<note>On peut également sélectionner le port série avec {{:arduino:f1.png?nolink&40|}}, en entrant **Arduino** et en cliquant sur **Arduino : Select Serial Port**.</note> | |
| |
** Étape 5 : Transférer le programme dans la carte ** | |
* Sélectionnez l'icône ci-dessous en haut et à droite de l'écran pour **transférer le code** du programme dans la carte. (**Ctrl-Alt-U**) {{ :arduino:barrearduino2.png?nolink |}} | |
| |
* La barre latérale renseigne sur le déroulement du transfert. {{ :arduino:barrelaterale.png?nolink |}} | |
| |
* Les étapes du transfert du code apparaissent dans la fenêtre de sortie. Si le transfert a réussi, le message ci-dessous s'affiche.{{ :arduino:blinkuploaded.png?nolink&350 |}} | |
| |
* Ouvrir le moniteur série en en cliquant sur pour voir l'affichage de la température. | |
| |
<note>On peut également transférer le code en sélectionnant {{:arduino:f1.png?nolink&40|}}, en entrant **Arduino** et en cliquant sur **Arduino : Upload**.</note> | |
| |
<note tip>Voir le paragraphe "Problèmes rencontrés" en cas de problème avec la **complétion de code** (Intellisense). </note> | |
| |
---- | |
| |
=== 3. Température - Création d'un projet en partant de zéro === | |
* **Matériels** : carte Arduino Uno, shield Tinkerkit, TMP102 et Gravity OLED-2864. | |
| |
<note important>**Objectifs** : comprendre la notion de projet VSCode, créer un projet et un fichier de code source, installer et utiliser des bibliothèques.</note> | |
| |
---- | |
| |
{{ :arduino:consoletemp.png?nolink&200|Moniteur série}} | |
**Cahier des charges** \\ | |
Mesurer la **température ambiante** à l'aide d'un capteur numérique et l'afficher dans le **moniteur série** ou sur un **afficheur graphique**. | |
| |
---- | |
| |
<note warning>Un **sketch** Arduino doit être contenu dans un **projet Visual Studio Code**. Un projet VSCode est contenu dans un **répertoire**.</note> | |
| |
{{ :arduino:tmp102oled.jpg?nolink&400 |}} | |
| |
** Étape 1 : Ouvrir un répertoire projet vide ** | |
* Dans VSCode, faire :{{:arduino:f1.png?nolink&40|}} -> Arduino : Examples -> Built-in Examples -> 01.Basics -> Bareminimum | |
| |
{{ :outils:vscode:bareminimum.png.png?nolink |}} | |
| |
* Le projet **BareMinimum** s'ouvre comme ci-dessous. | |
| |
{{ :outils:vscode:bareminimum2.png.png?nolink |}} | |
| |
* Le fichier //BareMinimum.ino// contient le code suivant. | |
| |
{{ :outils:vscode:bareminimum3.png.png?nolink |}} | |
| |
* Sélectionner une carte en cliquant sur {{:outils:vscode:selectboard.png?nolink&130|}} en bas et à droite de l'écran pour choisir une {{:outils:vscode:txtuno.png?nolink|**Arduino Uno**}}. | |
| |
<note>On peut générer un **squelette** de code Arduino **setup(){} loop{}** en écrivant le mnémonique **asl** (**a**rduino **s**etup **l**oop) suivi d'un appui sur la touche de tabulation {{:arduino:tab.png?nolink&50|}}. | |
{{ :arduino:asl.png?nolink&600 |}}</note> | |
| |
** Étape 2 : Connecter la carte et sélectionner le port série ** | |
* Connecter la carte Arduino au PC à l'aide d'un câble USB. | |
* Cliquer sur {{:arduino:selectport.png?nolink&130|}} dans la barre d'état. Sélectionnez le port **COM** auquel est connectée la carte. | |
{{ :arduino:exconfig2.png?nolink&450 |}} | |
//Exemple// | |
{{ :arduino:serialport.png?nolink |}} | |
* La barre d'état a été modifiée comme ci-dessous. | |
{{ :arduino:exconfig3.png?nolink&400 |}} | |
| |
<note>On peut également sélectionner le port série avec {{:arduino:f1.png?nolink&40|}}, en entrant **Arduino** et en cliquant sur **Arduino : Select Serial Port**.</note> | |
| |
** Étape 3 : Installer les bibliothèques nécessaires au programme sur le PC ** | |
> Nous allons mesurer la température ambiante avec un capteur numérique **TMP102** (I<sup>2</sup>C). Son affichage se fera sur un écran **Gravity OLED-2864** (I<sup>2</sup>C). La mise en oeuvre du capteur et de l'afficheur est facilitée par des bibliothèques de code. | |
| |
<note tip>Pour qu'un programme accède à une bibliothèque additionnelle (c.-a.-d ajoutée après l'installation de l'IDE Arduino) par l'intermédiaire d'une directive **//#include <nombiblio>//**, il faut la placer dans le répertoire "**\Documents\Arduino\libraries\**"; soit manuellement, soit par l'intermédiaire du gestionnaire de bibliothèques (**library manager**).</note> | |
| |
Nous allons utiliser ces deux méthodes. | |
| |
**Méthode 1** : chargement de bibliothèques à partir du gestionnaire (**Library Manager**) [solution utilisée ici pour les bibliothèques de l'afficheur graphique] {{ :arduino:gravity-i2c-oled-128x64-display.jpg?nolink&200|Gravity OLED-2864 Display}} | |
| |
<note>La mise en oeuvre d'un afficheur graphique est facilitée par l'utilisation d'une bibliothèque graphique comme **Adafruit GFX Library**. L'utilisation des méthodes de la classe **Adafruit_GFX** sur un afficheur [[arduino:afficheurs:ard0_96|Gravity OLED-2864]] peut se faire par l'intermédiaire de la bibliothèque **OakOLED**.</note> | |
| |
* {{:arduino:f1.png?nolink&40|}}. Entrer **Arduino** pour accéder à l'ensemble des commandes. Sélectionner **Arduino : Library Manager**. Une page s'ouvre. Entrer **//Adafruit GFX//** dans le champ de recherche //Filter your search//. | |
{{ :arduino:librarymanager.png?nolink&500 }} | |
* Cliquer sur **//Install//** pour installer la bibliothèque proposée ci-dessus. Lorsque cette installation est terminée, deux boutons supplémentaires sont disponibles. | |
{{ :arduino:menulib.png?nolink&500 |}} | |
| |
<note>**Include Library** sera utilisé pour faire le lien entre le code du programme et la bibliothèque. \\ | |
**Remove** sera utilisé pour supprimer la version de la bibliothèque sur le disque dur. | |
</note> | |
| |
* Reprendre la démarche ci-dessus pour installer la bibliothèque **//OakOLED//**. | |
| |
**Méthode 2** : Téléchargement d'une bibliothèque et installation "manuelle" sur le disque dur [solution utilisée ici pour la bibliothèque du capteur de température] {{ :arduino:tmp102.jpg?nolink|TMP102}} | |
| |
>Le module "capteur de température" à circuit **TMP102** utilisé ici est un produit <html><a href="https://learn.sparkfun.com/tutorials/tmp102-digital-temperature-sensor-hookup-guide" target="_blank">sparkfun</a></html>. La bibliothèque de code du fabricant n'est pas téléchargeable à partir du gestionnaire de paquet. Elle doit être installée manuellement. | |
| |
* Cliquer sur [[https://github.com/sparkfun/SparkFun_TMP102_Arduino_Library/archive/master.zip|{{:arduino:lienbiblitmp102.png?nolink&180|}}]] pour télécharger la bibliothèque. | |
* Dézipper le fichier et copier le répertoire //SparkFun_TMP102_Arduino_Library-master// dans "**\Documents\Arduino\libraries\**" pour installer la bibliothèque. | |
| |
** Étape 4 : Écrire le code du programme Temperature ** | |
* Réglage préalable | |
<note warning>Vérifier la présence ou ajouter \\ | |
**"defines":[ \\ | |
"ARDUINO=10800", \\ | |
"USBCON"],** \\ dans c_cpp_properties.json.</note> | |
| |
* Installation de la bibliothèque //SparkFunTMP102.h// dans le code \\ | |
Ouvrir le gestionnaire de bibliothèques (**F1 -> Arduino -> Library Manager**) et entrer TMP102 dans le champ //Filter your search//. Dans la zone //SparkFun TMP102 Breakout//, cliquez sur **Include Library**. Le code ci-dessous doit apparaitre dans la zone d'édition sinon, l'entrer manuellement. | |
<code cpp> | |
#include <Wire.h> | |
#include <SparkFunTMP102.h> | |
</code> | |
| |
* Créer un objet //cptTemp//, instance de la classe //TMP102//, comme dans l'exemple ci-dessous. | |
<code cpp> | |
#include <Wire.h> | |
#include <SparkFunTMP102.h> | |
| |
TMP102 cptTemp; // Construction d'un objet TMP102 avec l'adresse I2C 0x48 (par défaut) | |
</code> | |
| |
* On initialise le moniteur série et on //connecte// l'objet //cptTemp// au bus I2C en complétant le programme comme ci-dessous. | |
| |
<code cpp> | |
#include <Wire.h> | |
#include <SparkFunTMP102.h> | |
| |
TMP102 cptTemp; // Construction d'un objet TMP102 avec l'adresse I2C 0x48 | |
| |
void setup() | |
{ | |
Serial.begin(115200); // Débit binaire par défaut sur le moniteur série | |
cptTemp.begin(); // Initialisation de la connexion du capteur au bus I2C | |
} | |
</code> | |
| |
<note>Faire suivre un objet d'un point ouvre une fenêtre avec la liste des méthodes et des attributs qui lui sont applicables.</note> | |
{{ :arduino:intellisence.png?nolink |}} | |
| |
| |
* Compléter le code précédent en plaçant la lecture et l'affichage de la température dans la boucle //while//. Votre code doit ressembler à celui proposé au téléchargement ci-dessous. | |
| |
<code cpp temp1.cpp> | |
#include <Wire.h> | |
#include <SparkFunTMP102.h> | |
| |
TMP102 cptTemp; // Construction d'un objet TMP102 avec l'adresse I2C 0x48 (par défaut) | |
| |
void setup() | |
{ | |
Serial.begin(115200); // Débit binaire par défaut du moniteur série | |
cptTemp.begin(); // Initialisation de la connexion du capteur au bus I2C | |
} | |
| |
void loop() { | |
float temperature = cptTemp.readTempC(); // Lecture de la température | |
Serial.print("Temperature: "); // Affichage dans le moniteur série | |
Serial.print(temperature); | |
Serial.println(); | |
delay(1000); | |
} | |
</code> | |
| |
** Étape 5 : Vérifier le programme ** | |
* Sélectionnez l'icône ci-dessous en haut et à droite de l'écran pour **vérifier le code** du programme. (**Ctrl-Alt-R**) | |
{{ :arduino:barrearduino1.png?nolink |}} | |
| |
* Le texte des étapes de la vérification du code apparait dans la fenêtre de sortie. {{ :arduino:verifyblink.png?nolink&350 |}} | |
| |
* S'il n'y a pas eu d'erreurs, le texte ci-dessous s'affiche dans la fenêtre de sortie.{{ :arduino:noerrortemp.png?nolink&350 |}} | |
| |
<note>On peut également vérifier le code en sélectionnant {{:arduino:f1.png?nolink&40|}}, en entrant **Arduino** et en cliquant sur **Arduino : Verify**.</note> | |
| |
** Étape 6 : Transférer le programme dans la carte ** | |
* Sélectionnez l'icône ci-dessous en haut et à droite de l'écran pour **transférer le code** du programme dans la carte. (**Ctrl-Alt-U**) | |
{{ :arduino:barrearduino2.png?nolink |}} | |
| |
* La barre latérale renseigne sur le déroulement du transfert. {{ :arduino:barrelaterale.png?nolink |}} | |
| |
* Ouvrir le moniteur série en cliquant sur {{:outils:vscode:moniteur.png?nolink|}} pour afficher la température. | |
{{ :arduino:consoletemp.png?nolink |}} | |
| |
<note>On peut également transférer le code en sélectionnant {{:arduino:f1.png?nolink&40|}}, en entrant **Arduino** et en cliquant sur **Arduino : Upload**.</note> | |
| |
** Étape 7 : Pour aller plus loin - mise en oeuvre de l'afficheur graphique ** | |
* Entrer //Adafruit GFX// dans le gestionnaire de bibliothèque. La bibliothèque apparait dans un cadre sous le nom //**Adafruit GFX Library**//. Cliquer sur {{:arduino:inclib.png?nolink&100|}}. Le code ci-dessous se place automatiquement en haut de la zone d'édition et un lien vers cette bibliothèque est installé dans le fichier de configuration //c_cpp_properties.json//. | |
| |
<code cpp> | |
#include <Adafruit_GFX.h> | |
#include <Adafruit_MonoOLED.h> | |
#include <Adafruit_SPITFT_Macros.h> | |
#include <Adafruit_SPITFT.h> | |
#include <gfxfont.h> | |
</code> | |
| |
* Entrer //oakoled// dans le gestionnaire de bibliothèque. La bibliothèque apparait dans un cadre sous le nom //**OakOLED**//. Cliquer sur {{:arduino:inclib.png?nolink&100|}}. Le code ci-dessous se place automatiquement en haut de la zone d'édition et un lien vers cette bibliothèque est installé dans le fichier de configuration //c_cpp_properties.json//. | |
| |
<code cpp> | |
#include <OakOLED.h> | |
</code> | |
| |
> Comme la classe <html><a href="https://github.com/netguy204/OakOLED">OakOLED</a></html> dérive de la classe [[arduino:biblio:libgfx|Adafruit_GFX]] il suffit de créer un objet OakOLED pour accéder aux méthodes de Adafruit_GFX. | |
| |
* Modifier le code de l'exemple précédent pour qu'il corresponde à celui ci-dessous. | |
| |
<code cpp temp2.cpp> | |
#include <Wire.h> | |
#include <SparkFunTMP102.h> | |
| |
#include <Adafruit_GFX.h> | |
#include <Adafruit_MonoOLED.h> | |
#include <Adafruit_SPITFT_Macros.h> | |
#include <Adafruit_SPITFT.h> | |
#include <gfxfont.h> | |
| |
TMP102 cptTemp; // Construction d'un objet TMP102 avec l'adresse I2C 0x48 (par défaut) | |
OakOLED oled; // Construction d'un objet OakOLED (hérite de Adafruit GFX) | |
| |
void setup() | |
{ | |
cptTemp.begin(); // Connexion de cptTemp au bus I2C | |
oled.begin(); // Initialisation de la connexion du capteur au bus I2C | |
} | |
| |
void loop() | |
{ | |
float temperature = cptTemp.readTempC(); | |
oled.clearDisplay(); | |
oled.setCursor(0, 10); | |
oled.print("Temperature: "); // Préparation de l'affichage | |
oled.print(temperature); // du texte "Température: xx.xx dC " | |
oled.print(" dC"); // à la position (0,10) de l'afficheur OLED-2364 | |
oled.display(); // Transfert pour affichage | |
delay(2000); | |
} | |
</code> | |
| |
* **Vérifier** et **transférer** le programme dans la carte. | |
| |
---- | |
| |
=== 4. Téléchargements === | |
- Un projet "**Template Arduino**" avec la configuration de c_cpp_properties.json et les fonctions setup() et loop() est téléchargeable <html><a href="https://webge.fr/doc/wikis/code/Arduino/ARD_Template_VSCode.zip" title="template">ici</a></html> | |
- Le projet VSCode "**BlinkPot**" est téléchargeable <html><a href="https://webge.fr/doc/wikis/code/Arduino/ARD_Uno_BlinkPot.zip" title="BlinkPot">ici</a></html>. | |
- Le projet VSCode "**Temperature**", sous W10, est téléchargeable <html><a href="https://webge.fr/doc/wikis/code/Arduino/ARD_Uno_TMP102_OLED2864_W10.zip" title="Temperature" >ici</a></html>. | |
- Le projet VSCode "**Temperature**", sous W7, est téléchargeable <html><a href="https://webge.fr/doc/wikis/code/Arduino/ARD_Uno_TMP102_OLED2864_W7.zip" title="Temperature">ici</a></html>. | |
| |
---- | |
| |
=== 5. Problèmes rencontrés === | |
* **Intellisence** | |
| |
<note>Sur un PC sous W10, à partir de //fichier// -> //Préférences// -> //Paramètres//, entrer cpp intelli dans l'invite et régler **C_Cpp › Default: Intelli Sense Mode** sur **msvc-x64**. </note> | |
| |
<note warning>L'intellisence ne reconnait pas le mot **serial** si \\ | |
**"defines":[ \\ | |
"ARDUINO=10800", \\ | |
"USBCON"],** est absent du fichier c_cpp_properties.json.</note> | |
| |
---- | |
| |
==== Résumé ==== | |
**VSCode** implémente la notion de **projet**. Un projet doit être contenu dans un **répertoire** même s'il ne contient qu'un fichier source. Un projet peut être construit en utilisant un exemple, un fichier Arduino existant ou en partant de zéro. \\ | |
**__Intellisense__** \\ | |
L'intellisense est très utile lorsqu'on utilise des bibliothèques. \\ | |
| |
**__Raccourcis clavier__** \\ | |
touche **F1** : accès aux paramètres de VSCode et des extensions \\ | |
**Ctrl+Alt+R** : vérification du croquis \\ | |
**Ctrl+Alt+U** : téléchargement du croquis \\ | |
**Ctrl+comma** : accès aux paramètres v | |
| |