Skip to content

Changes

Page history
backlinks authored by Ben Jeff Cloos's avatar Ben Jeff Cloos
Show whitespace changes
Inline Side-by-side
Home/Self-Learn/ESP_PIO_Intro.md
View page @ 336a364c
...@@ -13,7 +13,7 @@ You can download Visual Studio Code for common operating systems here: https://c ...@@ -13,7 +13,7 @@ You can download Visual Studio Code for common operating systems here: https://c
Open VSCode and install the PlatformIO IDE extension. Open VSCode and install the PlatformIO IDE extension.
![VSCode Extensions Tab](images/vscode_extensions_tab.png) ![VSCode Extensions Tab](../images/vscode_extensions_tab.png)
*** ***
...@@ -21,18 +21,18 @@ Open VSCode and install the PlatformIO IDE extension. ...@@ -21,18 +21,18 @@ Open VSCode and install the PlatformIO IDE extension.
In PlatformIO, select **Create project** in the left sidebar. In PlatformIO, select **Create project** in the left sidebar.
![Create New Project Step 1](images/pio_create_new_project1.png) ![Create New Project Step 1](../images/pio_create_new_project1.png)
![Create New Project Step 2](images/pio_create_new_project2.png) ![Create New Project Step 2](../images/pio_create_new_project2.png)
Choose an appropriate name for your project, select **ESP32 Dev Module** as the board, and **Arduino** as the framework. Choose an appropriate name for your project, select **ESP32 Dev Module** as the board, and **Arduino** as the framework.
![Create New Project Step 3](images/pio_create_new_project3.png) ![Create New Project Step 3](../images/pio_create_new_project3.png)
*** ***
## PIO Overview ## PIO Overview
![PIO Overview](images/pio_overview.png) ![PIO Overview](../images/pio_overview.png)
After the project is created, you will land on this page. This is the programming environment where you will work. On the left, you see the folder structure that PlatformIO sets up. After the project is created, you will land on this page. This is the programming environment where you will work. On the left, you see the folder structure that PlatformIO sets up.
Write your code in the `main.cpp` file located in the `src` folder. Write your code in the `main.cpp` file located in the `src` folder.
...@@ -61,11 +61,11 @@ The silibser file must be installed with a right-click (Windows). ...@@ -61,11 +61,11 @@ The silibser file must be installed with a right-click (Windows).
- In VSCode choose the button **build&upload** in the lower left corner of the IDE. - In VSCode choose the button **build&upload** in the lower left corner of the IDE.
<img src="images/pio_upload.png" width = "500"> <img src="../images/pio_upload.png" width = "500">
- If the compilation of and the upload of the code to the ESP has been successfull, this message will appear: - If the compilation of and the upload of the code to the ESP has been successfull, this message will appear:
<img src="images/pio_upload_success.png" width = "600"> <img src="../images/pio_upload_success.png" width = "600">
*** ***
...@@ -102,4 +102,4 @@ void loop(){ ...@@ -102,4 +102,4 @@ void loop(){
[Back to Self-Learning](/Documentation/Self-Learn/README.md) [Back to Self-Learning](../Self-Learn.md)