Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>ESP-IDF-ToolsNew to Visual Studio Code? Get it now.
ESP-IDF-Tools

ESP-IDF-Tools

unkx

|
725 installs
| (1) | Free
Develop and debug applications for Espressif chips with ESP-IDF
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

中文 使用视频教程

ESP-IDF-Tools Extension for VS Code

The purpose of this VScode extension is to enable users to develop Espressif ESP idf projects more efficiently on VScode, which can be used on both Windows and Linux platforms. This extension allows for easy configuration, build, flash, monitor, debug and more on ESP idf projects. Espressif documentation

How to use

How to use Video Tutorials:

  • youtube
  • bilibili

Install

  1. Download and install Visual Studio Code.

  2. Install ESP-IDF system prerequisites for your operating system:

    • Prerequisites for MacOS and Linux.
    • Prerequisites for Windows.Please note that an offline installation package needs to be downloaded for installation.
  3. If your platform is Windows. Please follow here to perform some additional operations(Video Tutorials):

    Create this file in the installation directory of esp-idf (Default:C:\Espressif)(Or obtain the file here): get_idf.bat.Then open the file and edit the content as:

    idf_cmd_init.bat esp-idf-ad5d4ae340c39bc556afa783e091e773
    

    Then add C:\Espressif in the 'path' of the environment variable.

  4. If your platform is Mac or Linux. Copy and paste the following command to your shell's profile (.profile, .bashrc, .zprofile, etc.)

    alias get_idf='. $HOME/esp/esp-idf/export.sh'
    
  5. In Visual Studio Code, Open the Extensions view by clicking on the Extension icon in the Activity Bar on the side of Visual Studio Code or the View: Show Extensions command (shortcut: ⇧ ⌘ X or Ctrl+Shift+X).

  6. Search for ESP-IDF Extension.

  7. Install the extension. After you install the extension, When the esp-idf project is opened, Multiple icons will appear in the status bar at the bottom of VScode, click to use as needed.

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft