Sidenote: I've been working on a free and ad-free embedded systems course targeting ESP32 microcontrollers and the native ESP-IDF framework, designed to help you master embedded systems development in the age of AI. Here is the new chapter! I'd love to get your feedback and suggestions. You can also read the latest version of this chapter on the course website if you want to refer to earlier chapters for full context.

Enjoy reading! ☺️

Your first project

Hardware required:

• An ESP32 microcontroller.
• A suitable cable to connect it to your PC.

Create a new empty project

We are going to use the ESP-IDF: New Project command from the command palette to create the project.

• Open the command palette (I hope you remember the shortcut)
• Search and click on ESP-IDF: New Project, and wait.
• Select your ESP-IDF version (you might see only one version since we only installed one), and wait.
• A new tab will pop up. Inside that tab, under ESP-IDF Templates select the sample_project template and click the "Create Project" button.

The tab will refresh, and you will see a form to fill in your project details. Fill in the details:

• Project name: Your project name.
• Project directory: Your project directory.
• ESP-IDF target: esp32.
• ESP-IDF board: Custom board.
• Serial port: Detect.
• OpenOCD configuration files: Keep the default value.
• ESP-IDF component directory: Keep the input empty.

Click "Create Project" and wait again. After creation, in the new tab which pops up, click "Open Project". This will open your brand new ESP-IDF project in a fresh VS Code window.

!!! note "If you are using Clangd"
If you are using Clangd instead of the Microsoft C/C++ extension, run ESP-IDF: Configure project for ESP-Clang from the VS Code command palette to make sure Clangd IntelliSense works correctly. Also, make sure both of them aren't activated at the same time, as they can interfere with each other.

Configure your project

You need to configure your project whenever you:

• Start a new project (like we did now)
• Adding, removing, or renaming source files
• Adding or changing component dependencies
• Fixing corrupted build files
• Etc.

But it's safe to do again and again, even if you haven't done anything above or have any problems. Since we just created a new project, let's run it.

From the command palette, run the ESP-IDF: Run idf.py reconfigure Task command.

??? question "How do I open the command palette?"
Use the shortcut Ctrl + Shift + P.

This will take some time. While it's working, let's learn what it does:

• Generates (or regenerates) the build files
• Generates compile_commands.json, which is essential for Microsoft C/C++ Extension or Clangd to provide Intellisense
• And a lot more (just know these two for now)

Let's write some code

If you look at main.c right now, you will see and empty main function (app_main):

#include <stdio.h>

void app_main(void)
{

}

Let's log "Hello world!" inside it.

Hello, world!

We use a function called ESP_LOGI() to log "Hello world!" (I stands for "info"). Include the esp_log.h header to use that function. The function takes two arguments: a TAG, and the actual string to log.

#include "esp_log.h"

void app_main(void) {
  ESP_LOGI("MAIN", "Hello world!");
}

This code will log something like this:

I (312) MAIN: Hello world!

Here,

• I: Log level indicator (Info).
• (312): Timestamp in milliseconds since boot (this exact number will vary).
• MAIN: Tag name (useful to determine the source of the LOG message when we have a lot of them).
• Hello world!: The actual content.

Building (compiling) the project

Open the command palette (Ctrl + Shift + P) and run

ESP-IDF: Build Your Project

This will also take some time. Be patient.

Flashing your project {#flashing}

Flashing is like uploading the compiled code to your ESP32. You need to physically connect the ESP32 to your computer. After doing that, run the following command from the command palette:

ESP-IDF: Flash (UART) Your Project

It will probably won't work out of the box. The fix differs dipending on your platform.

If you are using Windows

If you are on Windows, flashing might show this error:

A fatal error occurred: Could not connect to an Espressif device on any of the 1 available serial ports.

If that happens, the next time you try, press and hold the BOOT button on your board as soon as
you see Connecting.... After some time, the Connecting..... will stop and you see several outputs. Stop holding the BOOT button when you see these somewhere:

Uploading stub flasher...
Running stub flasher...
Stub flasher running.

It might require some trial and error to find out how long you will have to hold the BOOT button.

If you are using Linux (e.g., Ubuntu)

You might get this error while flashing:

A fatal error occurred: Could not open /dev/ttyUSB0, the port is busy or doesn't exist.
([Errno 13] could not open port /dev/ttyUSB0: [Errno 13] Permission denied: '/dev/ttyUSB0')

Hint: Try to add user into dialout or uucp group.

If that happens, run this command, log out, log back in (or reboot), and try flashing again:

sudo usermod -aG dialout $USER

You have to do it only once per system. Subsequent flashing will work without running this comamnd.

Monitoring the device

You should keep your ESP32 connected to your computer so that it recieves power and be running. Let's check whether the "Hello world!" got logged.

On the bottom of VS Code, you will see several icons. Find the icon which looks like a monitor and hover over it. If you see "Monitor Device" when you hover, you found the correct icon.

Click on that icon. You will see several logs popping up. These are send internally. But among those log messages you will find our Hello world:

I (258) main_task: Started on CPU0
I (258) main_task: Calling app_main()
I (258) MAIN: Hello world!   <--------------- this
I (258) main_task: Returned from app_main()

You might see different numbers than 258. That's not a problem.

So, congratulations! You just set up your computer for ESP-IDF, created a new project, wrote some code, compiled, flashed, and monitored the output! Next, you can check out the official documentation to learn more about ESP-IDF. I also have some great tutorials which you can read on my website or on DEV.to.

Tips

Adding the VS Code Configuration Folder

If you accidentally deleted/edited the .vscode folder, you can regenerate it using the Ctrl + Shift + P -> ESP-IDF: Add VS Code Configuration Folder command.

Test Your Knowledge

Test your knowledge by answering the following questions:

• How do we create a new ESP-IDF project? Which template should we use for an empty project?
• When do we need to configure our project? How can we do it? Is it safe to do repeatedly?
• What does I in ESP_LOGI stand for?
• How do we build an ESP-IDF project?
• How do we flash an ESP-IDF project to the ESP32?
• What is monitoring? How can we do it?

Thanks so much for reading it till the end. If you are an embedded systems developer yourself, I'd love to hear your feedback. Feel free to point out my mistakes and give suggestions. I am all ears.

If you appreciate what I am doing, dropping a ⭐ on GitHub, reacting to this post, or writing a comment will genuinely help a lot for the visibility of the course.

You can find the full course here: https://effessdev.github.io/esp-idf

Thanks for your support ☺️