{"id":8051,"date":"2024-08-18T11:24:56","date_gmt":"2024-08-18T09:24:56","guid":{"rendered":"https:\/\/willem.aandewiel.nl\/?p=8051"},"modified":"2024-08-24T12:05:52","modified_gmt":"2024-08-24T10:05:52","slug":"starten-met-platformio","status":"publish","type":"post","link":"https:\/\/willem.aandewiel.nl\/index.php\/2024\/08\/18\/starten-met-platformio\/","title":{"rendered":"Introductie PlatformIO"},"content":{"rendered":"\n<p>[ 2,231 keer bekeken \/ views ]<br><br>Behalve de Arduino IDE, die ik tot nu toe gebruikt heb, zijn er meerdere IDE\u2019s<br>(Integrated Development Environment\u2019s) die gebruikt kunnen worden om software te<br>ontwikkelen. De meeste IDE\u2019s bieden een code editor en een manier om deze code<br>om te zetten naar machine instructies om deze vervolgens naar een MCU bordje te<br>kunnen uploaden.<\/p>\n\n\n\n<p>De Arduino IDE doet dit erg laagdrempelig zodat je (bijna) geen kennis van<br>software development hoeft te hebben om snel een programma voor je MCU bordje<br>naar keuze (Arduino UNO, ESP8266 enz.) te kunnen maken.<\/p>\n\n\n\n<p>Wil je m\u00e9\u00e9r of grotere projecten maken dan loop je met de Arduino IDE al snel<br>tegen beperkingen en vooral, eigenaardigheden aan.<\/p>\n\n\n\n<p>Een erg populaire \u201candere\u201d IDE is Visual Studio Code (2.600.000 maandelijkse<br>gebruikers van deze IDE &#8211; 2017). VSC is een raamwerk IDE waar je door middel van<br>\u201cextensies\u201d specifieke eigenschappen aan toe kunt voegen. E\u00e9n van deze extensies<br>is \u201cPlatformIO\u201d waarmee je op dezelfde manier code voor \u201cArduino achtige\u201d<br>bordjes kunt ontwikkelen als met de Arduino IDE. In deze tutorial ga ik proberen<br>uit te leggen hoe je zelf met deze IDE aan de slag kunt gaan. Ik behandel alleen<br>de meest \u201cbasic\u201d handelingen omdat je z\u00f3veel kunt doen waar ik zelf ook nog lang<br>niet achter ben. Ik beschrijf wat ik nodig heb en gebruik.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wat kun je lezen in deze post <\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Installatie Visual Studio Code <\/li>\n\n\n\n<li>Installatie PlatformIO extensie <\/li>\n\n\n\n<li>Openen van een bestaand project <\/li>\n\n\n\n<li>Uitleg platformio.ini bestand <\/li>\n\n\n\n<li>Uitleg van de Explorer <\/li>\n\n\n\n<li>Uitleg van de Editor (h\u00e9\u00e9l summier) <\/li>\n\n\n\n<li>Compileren (builden) van je code <\/li>\n\n\n\n<li>Flashen (uploaden) van je MCU bordje<\/li>\n\n\n\n<li>Het beginnen met een heel nieuw project<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Installatie Visual Studio Code <\/h2>\n\n\n\n<p>Visual Studie Code (VSC) is een product van Microsoft en kun je gratis downloaden en gebruiken. <a href=\"https:\/\/code.visualstudio.com\/download\" target=\"_blank\" rel=\"noreferrer noopener\">Hier<\/a> vind je de link naar de download pagina. <br>Nadat je VSC hebt gedownload ligt het aan het besturing systeem dat je gebruikt hoe de installatie verder verloopt.<\/p>\n\n\n\n<p>Na het installeren en starten van VSC zie je dit scherm: <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Blank.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"706\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Blank-1024x706.png\" alt=\"\" class=\"wp-image-8052\" style=\"width:462px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Blank-1024x706.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Blank-300x207.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Blank-768x529.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Blank.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"844\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_navigatie.png\" alt=\"\" class=\"wp-image-8053\" style=\"width:144px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_navigatie.png 360w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_navigatie-128x300.png 128w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/figure>\n<\/div>\n\n\n<p>Het scherm is globaal onderverdeeld in 4 stukken. Boven is de titelbalk met een zoek veld. Onder is een statusbalk waar straks veel informatie staat over ons project, links staat<br>de navigatiebalk en daar tussen komen straks de editor panel en andere panels.<\/p>\n\n\n\n<p>In de navigatie balk zien we verschillende opties die we kunnen aanklikken om bepaalde taken uit te voeren.<\/p>\n\n\n\n<div style=\"height:4px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_instllingen.png\"><img loading=\"lazy\" decoding=\"async\" width=\"790\" height=\"734\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_instllingen.png\" alt=\"\" class=\"wp-image-8054\" style=\"width:236px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_instllingen.png 790w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_instllingen-300x279.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_instllingen-768x714.png 768w\" sizes=\"auto, (max-width: 790px) 100vw, 790px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Door op [Instellingen] te klikken verschijnt er een drop-down menu waarmee we de instellingen van de VSC IDE kunnen aanpassen.<\/p>\n\n\n\n<p>Wat er allemaal kan worden ingesteld laat ik aan de lezer zelf over omdat iedereen zijn eigen voorkeuren heeft. Ik vind bijvoorbeeld een \u201clicht\u201d thema prettiger dan een \u201cdonker\u201d thema.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Installatie PlatformIO IDE extensie <\/h2>\n\n\n\n<p>Voor nu is het belangrijk om op [Extensies] te klikken.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Install_PIO.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"660\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Install_PIO-1024x660.png\" alt=\"\" class=\"wp-image-8055\" style=\"width:459px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Install_PIO-1024x660.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Install_PIO-300x193.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Install_PIO-768x495.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Install_PIO.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Toets \u201cPlatformio\u201d in het zoekveld en klik op de \u201cPlatform IDE\u201d extensie om deze<br>te installeren. De \u201cPlatformIO IDE heeft een afhankelijkheid met de C\/C++<br>extensie, dus die installeren we ook: <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Cextensie.png\"><img loading=\"lazy\" decoding=\"async\" width=\"848\" height=\"310\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Cextensie.png\" alt=\"\" class=\"wp-image-8056\" style=\"width:463px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Cextensie.png 848w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Cextensie-300x110.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Cextensie-768x281.png 768w\" sizes=\"auto, (max-width: 848px) 100vw, 848px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Hiermee hebben we de installatie van VSC met de PlatformIO IDE volbracht. De combinatie noemen we vanaf nu \u201cPlatformIO\u201d.<br>In de navigatie balk staat nu een nieuw icoon:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"82\" height=\"86\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_icoon.png\" alt=\"\" class=\"wp-image-8057\"\/><\/figure>\n<\/div>\n\n\n<p>Door op dit icoontje te klikken krijg je een menu met \u201cproject acties\u201d die je<br>kunt uitvoeren. Hierover later meer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Openen van een bestaand project <\/h2>\n\n\n\n<p>Het is om te beginnen het eenvoudigst om een bestaand (PlatformIO) project te downloaden en daarmee aan de slag te gaan. Op GitHub kun je het <a href=\"https:\/\/github.com\/mrWheel\/ESP_ticker\" target=\"_blank\" rel=\"noreferrer noopener\">ESP_ticker project<\/a> vinden.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Download_ESP_ticker.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"532\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Download_ESP_ticker-1024x532.png\" alt=\"\" class=\"wp-image-8058\" style=\"width:463px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Download_ESP_ticker-1024x532.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Download_ESP_ticker-300x156.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Download_ESP_ticker-768x399.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Download_ESP_ticker.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Download dit project en unzip het in een folder naar keuze (ik heb in mijn<br>Documents folder een map \u201cplatformioProjects\u201d waar ik, per project een folder<br>aanmaak met de naam van dit project. In dit geval heet die map \u201cESP_ticker\u201d.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-blue-color has-alpha-channel-opacity has-blue-background-color has-background is-style-wide\"\/>\n\n\n\n<p class=\"has-light-gray-background-color has-background\">Om straks deze introductie te kunnen voortzetten is het handig om n\u00fa al een &#8216;Default Project Folder&#8217; in te stellen. Dit loopt een beetje vooruit op de rest van deze introductie maar als je de stappen 1 t\/m 4 stap-voor-stap uitvoert gaat dit vast lukken!<\/p>\n\n\n\n<p class=\"has-light-gray-background-color has-background\"> 1. Click op het &#8220;PIO Home&#8221; icon<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/VSC_Click_PIO_Home.png\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"702\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/VSC_Click_PIO_Home.png\" alt=\"\" class=\"wp-image-8120\" style=\"width:133px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/VSC_Click_PIO_Home.png 320w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/VSC_Click_PIO_Home-137x300.png 137w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"has-light-gray-background-color has-background\">2. Click op &#8220;New Terminal&#8221; in de &#8220;QUICK ACCESS&#8221; lijst<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_-Select_NewTerminal.png\"><img loading=\"lazy\" decoding=\"async\" width=\"666\" height=\"1024\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_-Select_NewTerminal-666x1024.png\" alt=\"\" class=\"wp-image-8121\" style=\"width:137px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_-Select_NewTerminal-666x1024.png 666w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_-Select_NewTerminal-195x300.png 195w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_-Select_NewTerminal-768x1182.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_-Select_NewTerminal.png 780w\" sizes=\"auto, (max-width: 666px) 100vw, 666px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"has-light-gray-background-color has-background\">3. In de terminal type:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">pio settings set projects_dir \/&lt;path-to-your-default-project-folder>\/<\/pre>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_SET_Default_Folder.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"285\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_SET_Default_Folder-1024x285.png\" alt=\"\" class=\"wp-image-8122\" style=\"width:460px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_SET_Default_Folder-1024x285.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_SET_Default_Folder-300x84.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_SET_Default_Folder-768x214.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_SET_Default_Folder.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"has-light-gray-background-color has-background\">4. Restart de PIO extension of Visual Studio Code<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-blue-color has-alpha-channel-opacity has-blue-background-color has-background is-style-wide\"\/>\n\n\n\n<p>Klik nu in de menu balk van de \u201cPlatformIO IDE\u201d op [Open Folder] \u2026 <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_OpenFolder.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"897\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_OpenFolder-1024x897.png\" alt=\"\" class=\"wp-image-8059\" style=\"width:462px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_OpenFolder-1024x897.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_OpenFolder-300x263.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_OpenFolder-768x673.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_OpenFolder.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>&#8230; en selecteer de folder waar je net het ESP_ticker.zip bestand hebt uitgepakt.<\/p>\n\n\n\n<p>Zodra je dit hebt gedaan zal PlatformIO alle benodigde core\u2019s en bibliotheken<br>downloaden en in de .pio.nosync folder installeren.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_fisrtOpenFolder.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"610\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_fisrtOpenFolder-1024x610.png\" alt=\"\" class=\"wp-image-8060\" style=\"width:462px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_fisrtOpenFolder-1024x610.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_fisrtOpenFolder-300x179.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_fisrtOpenFolder-768x458.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_fisrtOpenFolder.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Zoals je direct ziet is \u00e9\u00e9n van tabbladen die \u201copen\u201d staat die van het \u201cplatformio.ini\u201d bestand.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Uitleg \u201cplatformio.ini\u201d bestand <\/h2>\n\n\n\n<p>Het platformio.ini bestand is wat PlatformIO onderscheidt van bijvoorbeeld de Arduino IDE. Iedereen die wel eens software heeft ontwikkeld weet hoe lastig het is om vast te leggen voor welk MCU bordje de software ontwikkeld is, welke (versie) van de core en welke (versie) van<br>bibliotheken gebruikt zijn. Als je, bijvoorbeeld, in de Arduino IDE van project wisselt moet je vooral niet vergeten in [Tools] aan te geven voor welke hardware dit project is ontwikkeld en welke instellingen gebruikt zijn (als je altijd voor hetzelfde bordje software ontwikkelt is dit natuurlijk niet het geval, maar dan is PlatformIO misschien ook niet nodig). Maar vervelender is dat de Arduino IDE altijd alleen maar \u00e9\u00e9n versie van een bibliotheek heeft en dan kan het voorkomen dat je voor project \u201cB\u201d de nieuwste versie van de \u2018ArduinoJson\u201d bibliotheek nodig hebt maar voor project \u201cA\u201d had je een eerdere versie nodig die niet compatibel is met de nieuwste versie. <br>Zie hier het probleem!<\/p>\n\n\n\n<p>Het platformio.ini bestand lost dit op door al deze gegevens in dit bestand (wat<br>onderdeel is van je project) vast te leggen.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">; PlatformIO Project Configuration File\n;\n;   Build options: build flags, source filter\n;   Upload options: custom upload port, speed and extra flags\n;   Library options: dependencies, extra library storages\n;   Advanced options: extra scripting\n;\n; Please visit documentation for the other options and examples\n; https:\/\/docs.platformio.org\/page\/projectconf.html\n\n[platformio]\nworkspace_dir = .pio.nosync\ndefault_envs = esp12e\n\n[env:esp12e]\nplatform = espressif8266\nboard = esp12e\nframework = arduino\nboard_build.filesystem = littlefs\nmonitor_speed = 115200\nupload_speed = 115200\n#--- upload_port only needed for FileSys upload\nupload_port = \/dev\/cu.usbserial-3224144\nbuild_flags = -DDEBUG\nlib_ldf_mode = deep+\nlib_deps = \n\tbblanchon\/ArduinoJson @ 6.19.4\n\tjandrassy\/TelnetStream @ ^1.3.0\n\tmajicdesigns\/MD_Parola @ ^3.7.3\n\ttzapu\/WiFiManager @ ^0.16.0\n\thttps:\/\/github.com\/mrWheel\/ModUpdateServer\n\nmonitor_filters = \n\tesp8266_exception_decoder\n<\/pre>\n\n\n\n<p>Wat staat er allemaal in dit platformio.ini bestand?<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>[platformio]:<br><strong>workspace_dir<\/strong>: Geeft aan waar PlatformIO tijdelijke bestanden opslaat. In dit geval .pio.nosync, wat betekent dat deze map wordt genegeerd voor synchronisatie met iCloud.<br><strong>default_envs<\/strong>: Mogelijke [envs]. In dit geval slechts \u00e9\u00e9n &#8220;esp12e&#8221;<br><\/li>\n\n\n\n<li>[env:esp12e]:\u2028<br>Dit definieert de instellingen voor het esp12e environment, wat de ESP8266 module betreft.<br><strong>platform<\/strong>: Geeft aan dat dit project het <em>espressif8266<\/em> platform gebruikt. <br><strong>board<\/strong>: Specificeert het bordmodel, in dit geval <em>esp12e<\/em>.<br><strong>framework<\/strong>: Geeft aan dat je het Arduino framework gebruikt.<br><strong>board_build.filesystem<\/strong>: Specificeert het bestandssysteem, hier <em>littlefs<\/em>, voor bestandsopslag op de ESP8266.<br><strong>monitor_speed<\/strong>: De snelheid voor de seri\u00eble monitor<br><strong>upload_speed<\/strong>: De snelheid voor het uploaden van de code.<br><strong>upload_port<\/strong>: Specificeert de poort die gebruikt wordt voor uploaden (hier een USB-seri\u00eble poort). Dit is vooral nodig voor het uploaden van bestanden naar het LittleFS.<br><strong>build_flags<\/strong>: Bevat compileropties. Hier wordt -D<em>DEBUG<\/em> toegevoegd voor extra debuginformatie.<br><strong>lib_ldf_mode<\/strong>: De manier waarop PlatformIO afhankelijkheden opspoort. deep+ betekent een diepere analyse van de bibliotheken (hij kijkt naar afhankelijkheden van de opgegeven bibliotheek en installeert deze afhankelijkheden automatisch)..<br><strong>lib_deps<\/strong>: Lijst van bibliotheken die het project gebruikt. Dit kunnen zowel versies uit de PlatformIO bibliotheek als directe verwijzingen naar GitHub-repository\u2019s zijn.<br><strong>monitor_filters:<\/strong> Filters die worden toegepast op de seri\u00eble monitor, zoals <em>esp8266_exception_decoder<\/em>, die helpt bij het decoderen van foutmeldingen.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-very-light-gray-to-cyan-bluish-gray-gradient-background has-background\">Het zal je zijn opgevallen dat \u00e1chter de bibliotheken een at-sign (&#8216;@&#8217;) staat met een getal en soms nog een carret (&#8216;^&#8217;) of een tilde (&#8216;~&#8217;). Dit geeft aan welke versie van de bibliotheek je wilt gebruiken voor dit project. &#8220;@ ^ 1.2.3&#8221; wil zeggen: Elke versie vanaf 1.2.3 en nieuwer. &#8220;@ 1.2.3&#8221; betekent: &#8220;All\u00e9\u00e9n versie 1.2.3&#8221;. Het is ook mogelijk om een specifieke versie van een bibliotheek uit te sluiten &#8220;@ ~1.2 !=1.2.4&#8221; betekent &#8220;Alle versies 1.2.n maar n\u00edet versie 1.2.4&#8221;.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Uitleg van de Explorer<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Explorer_all_files.png\"><img loading=\"lazy\" decoding=\"async\" width=\"358\" height=\"1024\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Explorer_all_files-358x1024.png\" alt=\"\" class=\"wp-image-8062\" style=\"width:161px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Explorer_all_files-358x1024.png 358w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Explorer_all_files-105x300.png 105w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Explorer_all_files.png 420w\" sizes=\"auto, (max-width: 358px) 100vw, 358px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Door op het icoontje van de explorer te klikken krijg je een overzicht van alle mappen en bestanden die onderdeel vormen van dit project.<br>Voor het ESP_ticker project ziet dat er zo uit:<\/p>\n\n\n\n<p>In de \u201csrc\u201d folder zitten alle \u201c.cpp\u201d bestanden die de code voor het project vormen. Meestal is er voor ieder \u201c.cpp\u201d bestand een header bestand die zich in de \u201cinclude\u201d folder bevinden.<\/p>\n\n\n\n<p>Door op \u00e9\u00e9n van de bestanden te klikken zal deze in een tabblad in de editor geopend worden.<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Uitleg van de Editor (h\u00e9\u00e9l summier) <\/h2>\n\n\n\n<p>De editor is een zgn. \u201cwhat you see is what you get\u201d editor. De werking is niet veel anders dan die van de Arduino IDE met een paar uitbreidingen.<\/p>\n\n\n\n<p>Je kunt op \u00e9\u00e9n van de tabbladen klikken waarna de code achter (onder?) dat<br>tabblad in het scherm verschijnt en waarna je code kunt aanpassen. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Editor.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"765\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Editor-1024x765.png\" alt=\"\" class=\"wp-image-8063\" style=\"width:464px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Editor-1024x765.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Editor-300x224.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Editor-768x574.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Editor.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>E\u00e9n van de eigenschappen van de editor is dat hij voorstellen kan doen als je een regel<br>code intikt. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Editor_Intellisense.png\"><img loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"182\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Editor_Intellisense.png\" alt=\"\" class=\"wp-image-8064\" style=\"width:461px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Editor_Intellisense.png 810w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Editor_Intellisense-300x67.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Editor_Intellisense-768x173.png 768w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>In bovenstaand plaatje w\u00e9\u00e9t de editor dat je \u201cFSexplorer.h\u201d wilt<br>intikken. Door met je muis-pointer de voorgestelde keuze aan te klikken vult de<br>editor dit verder voor je in. In deze situatie: &#8230;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Editor_Tab.png\"><img loading=\"lazy\" decoding=\"async\" width=\"548\" height=\"134\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Editor_Tab.png\" alt=\"\" class=\"wp-image-8065\" style=\"width:462px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Editor_Tab.png 548w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Editor_Tab-300x73.png 300w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>&#8230; hoef je alleen op de [Tab] toets de drukken om de editor de grijze tekst in te laten vullen.<\/p>\n\n\n\n<p>Maak van de gelegenheid gebruik om verschillende bestanden van het ESP_ticker<br>project in de editor te bekijken om een beetje feeling te krijgen hoe zo\u2019n<br>programma is opgebouwd.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Compileren van je code (builden) <\/h2>\n\n\n\n<p>Zoals je waarschijnlijk hebt opgemerkt is, na het openen van je project folder de onderste regel van het PlatformIO scherm uitgebreid met een aantal icoontjes. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Statusbalk.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"45\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Statusbalk-1024x45.png\" alt=\"\" class=\"wp-image-8066\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Statusbalk-1024x45.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Statusbalk-300x13.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Statusbalk-768x34.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Statusbalk.png 1142w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"142\" height=\"44\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_BuildResult_Icon.png\" alt=\"\" class=\"wp-image-8067\"\/><\/figure>\n<\/div>\n\n\n<p>De linker twee icoontjes (in het plaatje hierboven met \u201c1\u201d en \u201c32\u201d ernaast) geven het aantel fouten en waarschuwingen van de<br>laatste compilatie (1 fout en 32 waarschuwingen).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"68\" height=\"46\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_PortsForward_Icon.png\" alt=\"\" class=\"wp-image-8068\"\/><\/figure>\n<\/div>\n\n\n<p>Het icoontje daarnaast geeft aan of er COM poorten zijn geforward (\u201c0\u201d in dit geval). <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"42\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Home_Icon.png\" alt=\"\" class=\"wp-image-8082\"\/><\/figure>\n<\/div>\n\n\n<p>Als je op het huisje klikt opent de \u201cPIO Home\u201d tab in de editor. In deze tab kun je bibliotheken, type bord, enz. selecteren.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Home_Tab.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"609\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Home_Tab-1024x609.png\" alt=\"\" class=\"wp-image-8084\" style=\"width:465px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Home_Tab-1024x609.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Home_Tab-300x179.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Home_Tab-768x457.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Home_Tab.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"42\" height=\"44\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Build_Icon.png\" alt=\"\" class=\"wp-image-8073\"\/><\/figure>\n<\/div>\n\n\n<p>Door op het vijfde icoontje (\u201cV\u201d) te klikken zal PlatformIO je project compileren.<\/p>\n\n\n\n<p>In een panel wordt de voortgang en eventueel resultaat van deze compilatie<br>getoond. Dit is in grote lijnen gelijk met wat je ook in de Arduino IDE ziet.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Compilatie_Succes.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"347\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Compilatie_Succes-1024x347.png\" alt=\"\" class=\"wp-image-8074\" style=\"width:463px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Compilatie_Succes-1024x347.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Compilatie_Succes-300x102.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Compilatie_Succes-768x260.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Compilatie_Succes.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Als de compilatie goed gaat verschijnt de groene tekst \u201cSUCCES\u201d. Als de compiler<br>fouten ontdekt laat hij dat ook weten \u2026<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Compilatie_Error.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"243\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Compilatie_Error-1024x243.png\" alt=\"\" class=\"wp-image-8075\" style=\"width:460px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Compilatie_Error-1024x243.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Compilatie_Error-300x71.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Compilatie_Error-768x182.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Compilatie_Error.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>In regel 29 van ESP_ticker.cpp heeft de compiler iets vreemds ontdekt. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"44\" height=\"42\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Upload_Icon.png\" alt=\"\" class=\"wp-image-8076\"\/><\/figure>\n<\/div>\n\n\n<p>Door op dit icoon te klikken zal je code \u00e9\u00e9rst ge-\u201dbuild\u201d worden, waarna hij naar je MCU wordt ge-\u201dupload\u201d.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Upload_code.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"676\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Upload_code-1024x676.png\" alt=\"\" class=\"wp-image-8077\" style=\"width:464px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Upload_code-1024x676.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Upload_code-300x198.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Upload_code-768x507.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Upload_code.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"58\" height=\"40\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Clean_Icon.png\" alt=\"\" class=\"wp-image-8078\"\/><\/figure>\n<\/div>\n\n\n<p>Zoals eerder geschreven worden alle \u2018.c\u2019 en \u2018.cpp\u2019 bestanden gecompileerd als<br>zelfstandige objecten. Bij het builden en uploaden van je complete code worden all\u00e9\u00e9n objecten opnieuw gecompileerd als er in het bijbehorende bestand (\u2018.c\u2019, \u2018.cpp\u2019 of \u2018.h\u2019) iets is aangepast. Dit maakt het hele build-process erg efficient maar soms wil je toch je hele project opnieuw builden. Dit kun je forceren door op het vuilnisbakje te klikken. Alle aangemaakte objecten worden dan weggegooid. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"52\" height=\"40\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Test_Icon.png\" alt=\"\" class=\"wp-image-8079\"\/><\/figure>\n<\/div>\n\n\n<p>In het platformio.ini bestand kun je specifieke zaken voor het<br>testen van je code opnemen (dat voert te ver voor deze uitleg). Door op dit<br>icoon te klikken wordt deze test-set ge-build. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"50\" height=\"44\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_SerialMonitor_Icon.png\" alt=\"\" class=\"wp-image-8080\"\/><\/figure>\n<\/div>\n\n\n<p>Net als met de Arduino IDE kun je ook met PlatformIO een seri\u00eble monitor poort openen om de uitvoer van je MCU te monitoren. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"54\" height=\"42\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_NewTerminal_Icon.png\" alt=\"\" class=\"wp-image-8081\"\/><\/figure>\n<\/div>\n\n\n<p>Door op dit icoontje te klikken open je een terminal waarmee je direct commando\u2019s op de CLI van je computer kunt intoetsen.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-blue-color has-alpha-channel-opacity has-blue-background-color has-background is-style-wide\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Het beginnen met een heel nieuw project<\/h1>\n\n\n\n<p>Sluit de folder waar je in werkt:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Close_Active_Folder.png\"><img loading=\"lazy\" decoding=\"async\" width=\"697\" height=\"1024\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Close_Active_Folder-697x1024.png\" alt=\"\" class=\"wp-image-8089\" style=\"width:231px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Close_Active_Folder-697x1024.png 697w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Close_Active_Folder-204x300.png 204w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Close_Active_Folder.png 758w\" sizes=\"auto, (max-width: 697px) 100vw, 697px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Sluit nu VSC helemaal af:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Close_VSC.png\"><img loading=\"lazy\" decoding=\"async\" width=\"502\" height=\"518\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Close_VSC.png\" alt=\"\" class=\"wp-image-8090\" style=\"width:226px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Close_VSC.png 502w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Close_VSC-291x300.png 291w\" sizes=\"auto, (max-width: 502px) 100vw, 502px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Start nu VSC opnieuw op:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"386\" height=\"370\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/VisualStudioCode.png\" alt=\"\" class=\"wp-image-8091\" style=\"width:117px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/VisualStudioCode.png 386w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/VisualStudioCode-300x288.png 300w\" sizes=\"auto, (max-width: 386px) 100vw, 386px\" \/><\/figure>\n<\/div>\n\n\n<p>Je hebt nu een leeg scherm van VSC voor je (\u00e9\u00e9n van de twee schermen):<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_0_1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"428\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_0_1-1024x428.png\" alt=\"\" class=\"wp-image-8095\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_0_1-1024x428.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_0_1-300x125.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_0_1-768x321.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_0_1.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<p>Klik nu op &#8220;PIO Home&#8221; icoon en vervolgens op [Create New Project]<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"736\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_2.png\" alt=\"\" class=\"wp-image-8096\" style=\"width:463px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_2.png 960w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_2-300x230.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_2-768x589.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/a><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Home_Tab.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"609\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Home_Tab-1024x609.png\" alt=\"\" class=\"wp-image-8084\" style=\"width:460px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Home_Tab-1024x609.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Home_Tab-300x179.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Home_Tab-768x457.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Home_Tab.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Klik vervolgens op <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"28\" class=\"wp-image-8088\" style=\"width: 150px;\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_New_Project.png\" alt=\"\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_New_Project.png 522w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_New_Project-300x55.png 300w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n\n\n\n<p>Vul in het pop-up window de gegevens van je project in:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"833\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_3-1024x833.png\" alt=\"\" class=\"wp-image-8097\" style=\"width:466px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_3-1024x833.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_3-300x244.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_3-768x625.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_3.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Klik nu op [Finish].<\/p>\n\n\n\n<p class=\"has-light-gray-background-color has-background\">Omdat we hierv\u00f3\u00f3r hebben ingesteld wat onze &#8220;Default Project Folder&#8221; is kun je bij &#8220;Location&#8221; het vinkje voor &#8220;Use default location&#8221; aangevinkt laten staan. Dit nieuwe project wordt nu dus in je opgegeven default project folder geplaatst met de naam &#8220;MyFirstProject&#8221;.<\/p>\n\n\n\n<p>PlatformIO heeft nu de standaard map-structuur aangemaakt en laat de inhoud van een simpel platformio.ini bestand zien.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_4-1024x503.png\" alt=\"\" class=\"wp-image-8098\" style=\"width:470px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_4-1024x503.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_4-300x148.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_4-768x378.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_CleanStart_4.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>In de &#8220;src&#8221; map staat een eenvoudig &#8220;main.cpp&#8221; bestand met daarin code zoals je van de Arduino IDE ook gewend bent. Persoonlijk vind ik het jammer dat deze code de slechte eigenschap van Arduino programmeren promoot door boven in het bestand een prototype van een functie te zetten en pas na &#8220;loop()&#8221; deze functie in te vullen. Beter is het om de hele functie boven &#8220;setup()&#8221; te zetten. De definitie van een prototype is dan niet nodig.<\/p>\n\n\n\n<p>In ieder geval: dit programma (wat niets doet) kun je compileren voor een Arduino UNO. Uiteraard kun je ook andere bordjes gebruiken. Je kunt zelfs in platformio.ini een recept voor verschillende type bordjes maken. Onder in de taakbalk kun je dan selecteren voor welk bordje je wilt compileren.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">; PlatformIO Project Configuration File\n;\n;   Build options: build flags, source filter\n;   Upload options: custom upload port, speed and extra flags\n;   Library options: dependencies, extra library storages\n;   Advanced options: extra scripting\n;\n; Please visit documentation for the other options and examples\n; https:\/\/docs.platformio.org\/page\/projectconf.html\n\n[platformio]\ndefault_envs = esp8266\n\n[env:uno]\nplatform = atmelavr\nboard = uno\nframework = arduino\n\n[env:esp8266]\nplatform = espressif8266\nboard = esp12e\nframework = arduino\n\n[env:teensy31]\nplatform = teensy\nframework = arduino\nboard = teensy31\n\n[env:lpmsp430g2553]\nplatform = timsp430\nframework = arduino\nboard = lpmsp430g2553\nbuild_flags = -D LED_BUILTIN=RED_LED<\/pre>\n\n\n\n<p>Onder in de status balk kun je op <img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"40\" class=\"wp-image-8111\" style=\"width: 48px;\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Env_Icon-1.png\" alt=\"\"> klikken. Boven in het scherm zie je een drop-down menu verschijnen waar je de environment kunt kiezen waar je deze code voor wilt compileren.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Env-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"263\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Env-1-1024x263.png\" alt=\"\" class=\"wp-image-8101\" style=\"width:464px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Env-1-1024x263.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Env-1-300x77.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Env-1-768x197.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Env-1.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Select het gewenste bordje (environment) waarna deze onder in de status balk komt te staan zodat je altijd weet welk bordje je geselecteerd hebt.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Geselecteerd_Env.png\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"42\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Geselecteerd_Env.png\" alt=\"\" class=\"wp-image-8102\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Geselecteerd_Env.png 400w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Geselecteerd_Env-300x32.png 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Bibliotheek selectie<\/h2>\n\n\n\n<p>PlatformIO heeft een eigen &#8220;Library Manager&#8221; waarmee je bibliotheken kunt zoeken en in het platformio.ini bestand kunt toevoegen.<br>Klik op het<img loading=\"lazy\" decoding=\"async\" width=\"35\" height=\"31\" class=\"wp-image-8082\" style=\"width: 35px;\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Home_Icon.png\" alt=\"\"> icoontje. Klik vervolgens in het &#8220;PIO Home&#8221; scherm op &#8220;Libraries&#8221;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Click_Libraries.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"835\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Click_Libraries-1024x835.png\" alt=\"\" class=\"wp-image-8131\" style=\"width:459px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Click_Libraries-1024x835.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Click_Libraries-300x245.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Click_Libraries-768x626.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Click_Libraries.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>In het Zoek Veld toets (een deel van) de Bibliotheek naam in:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Search_Library.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"542\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Search_Library-1024x542.png\" alt=\"\" class=\"wp-image-8132\" style=\"width:460px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Search_Library-1024x542.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Search_Library-300x159.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Search_Library-768x406.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Search_Library.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Klik vervolgens op het loop icoontje waarna er een lijst verschijnt met bibliotheken die aan dit zoek criteria voldoen. Klik op &#8220;ArduinoJson&#8221; en daarna op het veld met de laatste versie van deze bibliotheek. Er verschijnt nu een drop-down menu met alle versies die er zijn. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Release_Lib.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"563\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Release_Lib-1024x563.png\" alt=\"\" class=\"wp-image-8133\" style=\"width:458px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Release_Lib-1024x563.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Release_Lib-300x165.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Release_Lib-768x422.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Release_Lib.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Klik op versie  &#8216;6.25.5&#8217; en &#8230;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Add_To_Project.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"226\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Add_To_Project-1024x226.png\" alt=\"\" class=\"wp-image-8134\" style=\"width:459px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Add_To_Project-1024x226.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Add_To_Project-300x66.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Add_To_Project-768x170.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Add_To_Project.png 1042w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>&#8230; en op [Add to Project]<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Project2Add_1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"590\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Project2Add_1-1024x590.png\" alt=\"\" class=\"wp-image-8135\" style=\"width:460px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Project2Add_1-1024x590.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Project2Add_1-300x173.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Project2Add_1-768x442.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Project2Add_1.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Selecteer nu het project waar je deze bibliotheek aan wilt toevoegen &#8230;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Project2Add_2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"614\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Project2Add_2-1024x614.png\" alt=\"\" class=\"wp-image-8136\" style=\"width:463px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Project2Add_2-1024x614.png 1024w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Project2Add_2-300x180.png 300w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Project2Add_2-768x460.png 768w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Select_Project2Add_2.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>&#8230; en klik op [Add].<br>Thats it!<br>De bibliotheek is nu toegevoegd aan je platformio.ini bestand en daarmee aan je project!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Added_Library.png\"><img loading=\"lazy\" decoding=\"async\" width=\"665\" height=\"1024\" src=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Added_Library-665x1024.png\" alt=\"\" class=\"wp-image-8137\" style=\"width:330px;height:auto\" srcset=\"https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Added_Library-665x1024.png 665w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Added_Library-195x300.png 195w, https:\/\/willem.aandewiel.nl\/wp-content\/uploads\/2024\/08\/PIO_Added_Library.png 684w\" sizes=\"auto, (max-width: 665px) 100vw, 665px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Voeg op dezelfde manier alle bibliotheken toe die je voor dit project nodig hebt!<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>[ ] Behalve de Arduino IDE, die ik tot nu toe gebruikt heb, zijn er meerdere IDE\u2019s(Integrated Development Environment\u2019s) die gebruikt kunnen worden om software teontwikkelen. De meeste IDE\u2019s bieden een code editor en een manier om deze codeom te &hellip; <a href=\"https:\/\/willem.aandewiel.nl\/index.php\/2024\/08\/18\/starten-met-platformio\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":8055,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,169,3,157,6,143],"tags":[],"class_list":["post-8051","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arduino","category-avrxdbx","category-computer","category-esp32","category-esp8266","category-firmware"],"views":2231,"_links":{"self":[{"href":"https:\/\/willem.aandewiel.nl\/index.php\/wp-json\/wp\/v2\/posts\/8051","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/willem.aandewiel.nl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/willem.aandewiel.nl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/willem.aandewiel.nl\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/willem.aandewiel.nl\/index.php\/wp-json\/wp\/v2\/comments?post=8051"}],"version-history":[{"count":29,"href":"https:\/\/willem.aandewiel.nl\/index.php\/wp-json\/wp\/v2\/posts\/8051\/revisions"}],"predecessor-version":[{"id":8156,"href":"https:\/\/willem.aandewiel.nl\/index.php\/wp-json\/wp\/v2\/posts\/8051\/revisions\/8156"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/willem.aandewiel.nl\/index.php\/wp-json\/wp\/v2\/media\/8055"}],"wp:attachment":[{"href":"https:\/\/willem.aandewiel.nl\/index.php\/wp-json\/wp\/v2\/media?parent=8051"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/willem.aandewiel.nl\/index.php\/wp-json\/wp\/v2\/categories?post=8051"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/willem.aandewiel.nl\/index.php\/wp-json\/wp\/v2\/tags?post=8051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}