Install Espressif IDF Plugin Tutorial

From Waveshare Wiki
Jump to: navigation, search

Install Online

  • Open VSCode, click on Extensions on the left, search for extensions and install C/C++, ESP-IDF. Other extensions can be installed as needed

ESP32-S3-AMOLED-1.91-plugin-09.png

  • Press shortcut key F1 to input:
esp-idf: configure esp-idf extension

ESP32-S3-AMOLED-1.91-plugin-03.png

  • Select express (This tutorial is intended for first-time installation users, so only the first general installation tutorial is covered)

ESP32-S3-AMOLED-1.91-plugin-04.png

  • Choose the download server, we recommend users to use Espressif as your download server

ESP32-S3-AMOLED-1.91-plugin-05.png

  • Select the ESP-IDF version you want, generally select the supported version according to the requirements of the development board, if there is no requirement, it is recommended to use the latest release version

ESP32-S3-AMOLED-1.91-plugin-06.png

  • The following two are the installation paths respectively for the ESP-IDF container directory and the ESP-IDF Tools directory
  • After configuring, click Install to download
    ESP32-S3-AMOLED-1.91-plugin-07.png
  • Enter the download interface, and then it will automatically install the corresponding tools and environment, just wait for a second
  • After the installation is complete, you will enter the following interface, indicating that the installation is finished
    ESP32-S3-AMOLED-1.91-plugin-08.png
Note: If you have installed ESP-IDF before, or failed to do so, please be sure to delete the file completely or create a new path without Chinese.

Install Offline

Set up the ESP-IDF environment

ESP32-S3-AMOLED-1.91-plugin-planB-01.png

  • If it is not displayed above, click Download below

ESP32-S3-AMOLED-1.91-plugin-planB-02.png

  • Once the download is complete, double-click to open it, which will be installed by default

ESP32-S3-AMOLED-1.91-plugin-planB-03.png

  • Some of the applications need to be fixed, please expand the steps

ESP32-S3-AMOLED-1.91-plugin-planB-04.png

ESP32-S3-AMOLED-1.91-plugin-planB-05.png

  • The installation path cannot contain Chinese

ESP32-S3-AMOLED-1.91-plugin-planB-06.png

  • Select Custom Install and check all

ESP32-S3-AMOLED-1.91-plugin-planB-07.png

  • The rest can be installed by default

ESP32-S3-AMOLED-1.91-plugin-planB-08.png
ESP32-S3-AMOLED-1.91-plugin-planB-09.png

ESP32-S3-AMOLED-1.91-plugin-planB-10.png

  • The content in the ESP-IDF command prompt window indicates successful installation

ESP32-S3-AMOLED-1.91-plugin-planB-11.png

  • After installation, open "Edit System Environment Variables" and check if any related variables have been added to the system. If not, manual addition is required

ESP32-S3-AMOLED-1.91-plugin-planB-12.png

  • For the steps to add manually, please expand to view

ESP32-S3-AMOLED-1.91-plugin-planB-13.png

ESP32-S3-AMOLED-1.91-plugin-planB-14.png

ESP32-S3-AMOLED-1.91-plugin-planB-15.png

  • After installing VSCode, double-click to check if the VSCode variables have been added. If they haven't, you need to add them manually

ESP32-S3-AMOLED-1.91-plugin-planB-16.png

ESP32-S3-AMOLED-1.91-plugin-planB-17.png

  • For the steps to add manually, please expand to view
  • You must click New to generate a new line, otherwise the original content will be replaced

ESP32-S3-AMOLED-1.91-plugin-planB-18.png

  • This path is the installation path for the Visual Studio software, which varies by person

ESP32-S3-AMOLED-1.91-plugin-planB-19.png

Configure VSCode
  • Open VSCode, click on Extensions on the left, search for extensions and install C/C++, ESP-IDF. Other extensions can be installed as needed

ESP32-S3-AMOLED-1.91-plugin-planB-20.png

ESP32-S3-AMOLED-1.91-plugin-planB-21.png

  • Once you have installed the prerequisite extensions, reopen VSCode and click on the ESP-IDF logo on the left to configure it

ESP32-S3-AMOLED-1.91-plugin-planB-22.png

ESP32-S3-AMOLED-1.91-plugin-planB-23.png

  • If an ERROR_INVALID_PIP error occurs during installation, please expand
  • Delete the "idf-git" and "idf-python" folders within the "*/Espressif/tools" directory, then reinstall

ESP32-S3-AMOLED-1.91-plugin-planB-24.png

ESP32-S3-AMOLED-1.91-plugin-planB-25.png

  • When prompted to download ESP tools, you can choose to search locally and continue with the installation
    ESP32-S3-AMOLED-1.91-plugin-planB-26.png

    ESP32-S3-AMOLED-1.91-plugin-planB-27.png

    ESP32-S3-AMOLED-1.91-plugin-planB-28.png