![\"ESP-IDF](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/06\/ESP32-ESP-IDF-Blink-LED.jpg?resize=1200%2C675&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nPrerequisites<\/h2>\n\n\n\n
Before following this guide, you need to install the ESP-IDF extension on VS Code IDE (Microsoft Visual Studio Code). Follow the next guide to install it, if you haven’t already:<\/p>\n\n\n\n
- \n
- Getting Started Guide:<\/strong> Programming ESP32 with ESP-IDF using VS Code<\/a><\/li>\n<\/ul>\n\n\n\n
You will also need an ESP32 development board<\/a> model of your choice.<\/p>\n\n\n\n
Creating an ESP-IDF Template App Project for the ESP32<\/h2>\n\n\n\n
The ESP-IDF extension provides an easy way to create a project from scratch with all the required files and configurations generated automatically.<\/p>\n\n\n\n
To create a new ESP-IDF project on VS Code, follow these steps:<\/p>\n\n\n\n
- \n
- Open the ESP-IDF Espressif extension<\/li>\n\n\n\n
- Expand the “Advanced<\/strong>” menu<\/li>\n\n\n\n
- Click the “New Project Wizard<\/strong>” option<\/li>\n\n\n\n
- Choose the “Use ESP-IDF v5.4.1<\/strong>” to select the framework version<\/li>\n<\/ol>\n\n\n
\n![\"ESP-IDF](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/05\/ESP-IDF-ESP32-Create-Open-New-Project-Wizard-Menu.png?resize=937%2C742&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nA new window opens, you need to fill in these fields:<\/p>\n\n\n\n
- \n
- Project Name:<\/strong> type the desired project name;<\/li>\n\n\n\n
- Enter Project Directory:<\/strong> click the folder icon and select the target folder to save all your project files. You can use any directory. Note:<\/strong> do NOT use a Google Drive \/ One Drive \/ Dropbox folder<\/u>, because it will write\/create many files during the building process\u2014if it’s on a cloud folder, this process might be extremely slow;<\/li>\n\n\n\n
- ESP-IDF Target:<\/strong> select the target device chip, I’m using an ESP32 with the esp32s3<\/strong> chip;<\/li>\n\n\n\n
- ESP-IDF Board:<\/strong> for the esp32s3 chip, I also need to select the configuration: ESP32-S chip (via builtin USB-JTAG);<\/li>\n\n\n\n
- Serial Port:<\/strong> while having your ESP32 board connected to your computer, select the correct COM port number that refers to your ESP32;<\/li>\n\n\n\n
- Choose Template:<\/strong> click the blue button to create a new project using a template.<\/li>\n<\/ul>\n\n\n
\n![\"ESP-IDF](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/05\/ESP-IDF-ESP32-Create-Open-New-Project-Wizard-Menu-Select-Directory-Board-Template.png?resize=983%2C856&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nIn the menu, select the “template-app<\/strong>” sample project and press the “Create project using template template-app<\/strong>” button.<\/p>\n\n\n
\n![\"ESP-IDF](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/05\/ESP-IDF-ESP32-Create-New-Project-Select-Template-App-Option.png?resize=1024%2C619&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nOpening the ESP-IDF Project on VS Code<\/h3>\n\n\n\n
After a few seconds, a small notification will appear at the bottom right of VS Code. You can click “Yes<\/strong>” to open the newly created ESP-IDF project template.<\/p>\n\n\n
\n![\"ESP-IDF](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/05\/ESP-IDF-ESP32-Open-Project-in-a-New-Window-VS-Code.png?resize=848%2C425&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nIMPORTANT:<\/strong> if you didn’t see the notification that allows you to automatically open the ESP-IDF project on VS Code, you can easily do it by following these instructions:<\/p>\n\n\n\n
Go to File <\/strong>> Open Folder…<\/strong><\/p>\n\n\n
\n![\"ESP-IDF](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/05\/ESP-IDF-ESP32-Open-Project-Folder-VS-Code-File-Menu.png?resize=396%2C315&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nBrowse on your computer for the esp-idf-project folder<\/em> (your project folder name that you’ve previously defined) and “Select Folder<\/strong>“.<\/p>\n\n\n
\n![\"ESP-IDF](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/05\/ESP-IDF-ESP32-Open-Project-VS-Code-Select-Folder.png?resize=667%2C366&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nThat’s it! Your new ESP-IDF project template has been successfully created and opened.<\/p>\n\n\n\n
Programming ESP32 with ESP-IDF using VS Code – Blink LED Example<\/h2>\n\n\n\n
ESP-IDF generates many files, folder,s and subfolders for your project. For this getting started guide, I recommend keeping all the default files unchanged; we will only modify the main.c<\/em> file.<\/p>\n\n\n\n
The blink LED example code will be written in the main.c<\/em> file. To open it, follow these instructions:<\/p>\n\n\n\n
- \n
- Open the project explorer by clicking the first icon on the left sidebar.<\/li>\n\n\n\n
- Select your project folder name, in my case it’s “ESP-IDF-PROJECT<\/strong>“.<\/li>\n\n\n\n
- Expand the “main<\/strong>” folder.<\/li>\n\n\n\n
- Click the “main.c<\/em><\/strong>” file.<\/li>\n\n\n\n
- The default main.c<\/em> template file loads in the code window.<\/li>\n<\/ol>\n\n\n
\n![\"ESP-IDF](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/05\/ESP-IDF-ESP32-Open-Project-in-a-VS-Code-Browse-to-Main-C-File.png?resize=907%2C571&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nHere’s the full main.c<\/em> code that blinks the ESP32 on-board LED:<\/p>\n\n\n
\/* \n Rui Santos & Sara Santos - Random Nerd Tutorials\n https:\/\/RandomNerdTutorials.com\/esp-idf-esp32-blink-led\/\n Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files.\n The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n*\/\n\n#include <stdio.h>\n#include "freertos\/FreeRTOS.h"\n#include "freertos\/task.h"\n#include "driver\/gpio.h"\n#include "sdkconfig.h"\n\n\/\/ Define the GPIO pin for the LED (GPIO 2 is common for onboard LEDs)\n#define BLINK_GPIO 2\n\nvoid app_main(void)\n{\n \/\/ Configure the GPIO pin\n gpio_reset_pin(BLINK_GPIO);\n gpio_set_direction(BLINK_GPIO, GPIO_MODE_OUTPUT);\n\n \/\/ Blink loop\n while (1) {\n \/\/ Turn LED ON\n printf("LED ON\\n");\n gpio_set_level(BLINK_GPIO, 1);\n vTaskDelay(1000 \/ portTICK_PERIOD_MS); \/\/ Delay 1 second\n\n \/\/ Turn LED OFF\n printf("LED OFF\\n");\n gpio_set_level(BLINK_GPIO, 0);\n vTaskDelay(1000 \/ portTICK_PERIOD_MS); \/\/ Delay 1 second\n }\n}\n<\/code><\/pre>\n\tView raw code<\/a><\/p>\n\n\n\n
Copy the code to the main.c<\/em> file and save it, it should look as shown in the screenshot below.<\/p>\n\n\n
\n![\"ESP-IDF](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/05\/ESP-IDF-ESP32-Project-VS-Code-Main-C-File-Blink-Code.png?resize=1024%2C766&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nHow the Code Works<\/h3>\n\n\n\n
In this section, we’ll take a look at the code to see how it works.<\/p>\n\n\n\n
Libraries<\/strong><\/p>\n\n\n\n
We start by including the required libraries:<\/p>\n\n\n\n
- \n
- stdio.h<\/span> – the standard C library will be used for the printf<\/span> function that prints the debugging information in the serial monitor;<\/li>\n\n\n\n
- FreeRTOS.h<\/span> – provides the core FreeRTOS types and functions;<\/li>\n\n\n\n
- task.h<\/span> – allows to use of the non-blocking delay function vTaskDelay<\/span>;<\/li>\n\n\n\n
- driver\/gpio.h<\/span> – includes the functions required to configure and control GPIOs;<\/li>\n\n\n\n
- sdkconfig.h<\/span> – includes the project’s configuration file.<\/li>\n<\/ul>\n\n\n\n
#include <stdio.h>\n#include \"freertos\/FreeRTOS.h\"\n#include \"freertos\/task.h\"\n#include \"driver\/gpio.h\"\n#include \"sdkconfig.h\"<\/code><\/pre>\n\n\n\nPin Assignment<\/strong><\/p>\n\n\n\n
This line assigns the on-board LED to GPIO 2<\/span>; you can change it to a different number to match your board pinout or to control a different GPIO.<\/p>\n\n\n\n
#define BLINK_GPIO 2<\/code><\/pre>\n\n\n\napp_main(void)<\/strong><\/p>\n\n\n\n
When creating an ESP-IDF project, this function will always be called to run. This function is where you need to write your code for any ESP-IDF applications; it is the equivalent of setup()<\/span> in Arduino programming. When the ESP32 boots, the ESP-IDF framework calls app_main<\/span>.<\/p>\n\n\n\n
void app_main(void)\n{\n \/\/ your code goes here\n}<\/code><\/pre>\n\n\n\nIn the app_main(void)<\/span> function, you start by clearing the previous configurations for the BLINK_GPIO<\/span>:<\/p>\n\n\n\n
gpio_reset_pin(BLINK_GPIO);<\/code><\/pre>\n\n\n\nYou configure the BLINK_GPIO<\/span> as an output, because we want to control its state with HIGH\/LOW.<\/p>\n\n\n\n
gpio_set_direction(BLINK_GPIO, GPIO_MODE_OUTPUT);<\/code><\/pre>\n\n\n\nThe while(1)<\/span> runs an infinite loop that ensures the LED will be blinking indefinitely. This is similar to the loop()<\/span> function in Arduino programming.<\/p>\n\n\n\n
while (1) {\n \/\/ Turn LED ON\n printf(\"LED ON\\n\");\n gpio_set_level(BLINK_GPIO, 1);\n vTaskDelay(1000 \/ portTICK_PERIOD_MS); \/\/ Delay 1 second\n\n \/\/ Turn LED OFF\n printf(\"LED OFF\\n\");\n gpio_set_level(BLINK_GPIO, 0);\n vTaskDelay(1000 \/ portTICK_PERIOD_MS); \/\/ Delay 1 second\n};<\/code><\/pre>\n\n\n\nInside the infinite loop, you print a message saying “LED ON” in the Serial Monitor\/Terminal tab.<\/p>\n\n\n\n
printf(\"LED ON\\n\");<\/code><\/pre>\n\n\n\nSet the BLINK_GPIO<\/span> level to 1<\/span> (it’s like setting to HIGH to turn the LED).<\/p>\n\n\n\n
gpio_set_level(BLINK_GPIO, 1);<\/code><\/pre>\n\n\n\nThen, add a delay of 1000 milliseconds (1 second), so the LED is ON for 1 second before you turn it off to create the blink effect.<\/p>\n\n\n\n
vTaskDelay(1000 \/ portTICK_PERIOD_MS);<\/code><\/pre>\n\n\n\nA similar process is repeated to turn the LED off.<\/p>\n\n\n\n
\/\/ Turn LED OFF\nprintf(\"LED OFF\\n\");\ngpio_set_level(BLINK_GPIO, 0);\nvTaskDelay(1000 \/ portTICK_PERIOD_MS); \/\/ Delay 1 second<\/code><\/pre>\n\n\n\nBuild and Flash the ESP-IDF Blink Example to the ESP32 Board<\/h2>\n\n\n\n
To build and flash ESP-IDF code to the ESP32, you always need to follow this procedure. <\/p>\n\n\n\n
You need to select the flash method (UART), the COM port number, the target device (ESP32), build the code, and finally, flash it to the board. All these commands are available in the bottom menu bar of VS Code.<\/p>\n\n\n\n
Make sure all your options are correct (they may already be properly configured if you used the project wizard).<\/p>\n\n\n
\n![\"VS](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/05\/VS-Code-Check-All-the-Configured-Settings-UART-COM-Port-Target-Board.png?resize=498%2C28&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nHowever, if your setup is not correct, follow the next instructions to ensure everything is set up correctly. First, click the “Star<\/strong>” icon and select the flash method as UART<\/strong>.<\/p>\n\n\n
\n![\"VS](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/05\/VS-Code-Select-Flash-UART-Option-to-Program-Flash-ESP32-1024x584.png?resize=1024%2C584&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nWhile the ESP32 board is connected to your computer, click the COM Port (plug icon) and select the correct port number that refers to your ESP32.<\/p>\n\n\n
\n![\"VS](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/05\/VS-Code-Programming-ESP32-Board-Select-Correct-COM-Port-Number.png?resize=1024%2C582&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nYou also need to select the target device. Click on the chip icon at the bottom bar. In my case, I have an ESP32 with the esp32s3<\/strong> chip.<\/p>\n\n\n
\n![\"VS](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/05\/VS-Code-Select-the-ESP32-S3-or-Correct-Target-Device.png?resize=1024%2C579&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nFor this board, I also need to select the configuration: ESP32-S chip (via builtin USB-JTAG)<\/strong>.<\/p>\n\n\n
\n![\"VS](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/05\/VS-Code-Select-the-ESP32-S3-chip-via-built-in-USB-JTAG-Target-Device.png?resize=757%2C579&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nFinally, your command bar on the bottom of VS Code should have similar options selected.<\/p>\n\n\n
\n<\/figure><\/div>\n\n\nNow, you can build the project by clicking the wrench icon (Build Project<\/strong>) as shown in the image below.<\/p>\n\n\n
\n![\"VS](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/06\/VS-Code-Build-Project-Example-Code-ESP32-ESP-IDF.png?resize=581%2C359&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nThe first time you build a project, it usually takes a bit more time. Once completed, it should print a similar message in the Terminal<\/strong> menu and show a “Build Successfully<\/strong>” message.<\/p>\n\n\n
\n![\"VS](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/06\/VS-Code-Build-Example-Project-ESP32-ESP-IDF-Success-Message.jpg?resize=648%2C468&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nThis is the final step. You can now flash the your ESP-IDF project to the ESP32 by clicking the “Flash Device<\/strong>” button (thunder icon).<\/p>\n\n\n
\n![\"VS](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/05\/VS-Code-Flash-Hello-World-Code-Project-to-ESP32-ESP-IDF.png?resize=848%2C170&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nDepending on your board, you might need to hold down the on-board BOOT button on your ESP32 to put into flashing mode. Once the process is completed, it will pop-up a info message saying “Flash Done<\/strong>“.<\/p>\n\n\n
\n![\"VS](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/05\/VS-Code-Flash-Hello-Wolrd-Project-to-ESP32-ESP-IDF-Done-Success-Message.png?resize=1024%2C575&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nDemonstration<\/h2>\n\n\n\n
If you followed all the steps, the Blinking Code example should be running successfully on your board. Open your Terminal window \u2014 click the “Monitor Device<\/strong>” tool that is illustrated with a screen icon.<\/p>\n\n\n
\n![\"VS](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/05\/VS-Code-Open-Terminal-Window-Monitor-Device-ESP32-ESP-IDF.png?resize=780%2C77&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nThe terminal should be printing a message saying “LED ON<\/strong>” and “LED OFF<\/strong>“. This process is repeated indefinitely.<\/p>\n\n\n
\n![\"ESP-IDF](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/05\/ESP-IDF-ESP32-Project-VS-Code-Open-Terminal-Window-Monitor-Test-Blink-Code-Example.png?resize=801%2C353&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nYour board is now running a basic LED blinking example. It will turn on GPIO 2 (blue LED labelled as IO2 in this particular board) for 1 second.<\/p>\n\n\n
\n![\"ESP32-S3](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/06\/ESP32-S3-Blink-On-Board-LED-ESP-IDF-ON.jpg?resize=750%2C422&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nThen, it will turn it off for 1 second.<\/p>\n\n\n
\n![\"ESP32-S3](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2025\/06\/ESP32-S3-Blink-On-Board-LED-ESP-IDF-OFF.jpg?resize=750%2C421&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nYou can modify this line in the main.c<\/em> file to change how long the LED is on and off:<\/p>\n\n\n\n
vTaskDelay(1000 \/ portTICK_PERIOD_MS);<\/code><\/pre>\n\n\n\nWrapping Up<\/h2>\n\n\n\n
In this tutorial, you learned how to program the ESP32 with the ESP-IDF framework using VS Code to write a simple blink LED code. ESP-IDF is the “official way”, developed by Espressif, to program ESP32 boards. <\/p>\n\n\n\n
While it gives you more control over your hardware, it’s also much more complex to use and requires more knowledge about the hardware and configurations. So, if you’re still just getting started with the ESP32, we recommend starting with Arduino IDE<\/a> or MicroPython programming<\/a> instead.<\/p>\n\n\n\n
This was a basic guide to get you started. We hope you found it useful. Let us know if you’d like to see more tutorials for ESP-IDF.<\/p>\n\n\n\n
Meanwhile, you can check our ESP32 resources (with Arduino IDE) to learn more about the ESP32 board:<\/p>\n\n\n\n
- \n
- Learn ESP32 with Arduino IDE (eBook)<\/a><\/li>\n\n\n\n
- More ESP32 Projects and Tutorials\u2026<\/a><\/li>\n<\/ul>\n\n\n\n
Thanks for reading.<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Learn how to blink an LED on an ESP32 board with ESP-IDF (Espressif IoT Development Framework). The ESP-IDF was developed by Espressif, and it is the “official” way to program … <\/p>\n
- More ESP32 Projects and Tutorials\u2026<\/a><\/li>\n<\/ul>\n\n\n\n
- FreeRTOS.h<\/span> – provides the core FreeRTOS types and functions;<\/li>\n\n\n\n
- Expand the “main<\/strong>” folder.<\/li>\n\n\n\n
- Enter Project Directory:<\/strong> click the folder icon and select the target folder to save all your project files. You can use any directory. Note:<\/strong> do NOT use a Google Drive \/ One Drive \/ Dropbox folder<\/u>, because it will write\/create many files during the building process\u2014if it’s on a cloud folder, this process might be extremely slow;<\/li>\n\n\n\n
- Click the “New Project Wizard<\/strong>” option<\/li>\n\n\n\n