Windows:VS Code IDE安装ESP-IDF【保姆级】

物联网开发学习笔记——目录索引

参考:

VS Code官网:Visual Studio Code - Code Editing. Redefined

乐鑫官网:
ESP-IDF 编程指南 - ESP32   VSCode ESP-ID Extension Install

一、前提条件

Visual Studio Code IDE安装ESP-IDF扩展,需要先完成如下两个步骤:

  1. 需要先完成ESP-IDF的安装,参考:Windows:ESP-IDF 开发环境配置【保姆级】
  2. 下载并安装Visual Studio Code。

下载并安装VSCode

Windows:VS Code IDE安装ESP-IDF【保姆级】_第1张图片

VSCode的安装非常简单,一路【下一步】即可,在此就不在赘述

Windows:VS Code IDE安装ESP-IDF【保姆级】_第2张图片Windows:VS Code IDE安装ESP-IDF【保姆级】_第3张图片

运行VSCode,并安装基础扩展插件

①:点击【Extensions】扩展图标

②:选择C/C++扩展插件,点击【Install】

Windows:VS Code IDE安装ESP-IDF【保姆级】_第4张图片

二、VSCode IDE中安装ESP-IDF扩展

①:点击【Extensions】扩展图标

②:在Extensions中搜索关键字 espressifesp-idfesp32esp32s2等

③:点击【Install 】esp-idf extension

Windows:VS Code IDE安装ESP-IDF【保姆级】_第5张图片

打开命令面板①点击【View】, ②选择【Command Palette】

Windows:VS Code IDE安装ESP-IDF【保姆级】_第6张图片

  或者按 F1快捷键打开命令面板,在命令面板输入 : ESP-IDF: Select where to save configuration settings

Windows:VS Code IDE安装ESP-IDF【保姆级】_第7张图片

等待如下进度条完成 

Windows:VS Code IDE安装ESP-IDF【保姆级】_第8张图片

再在命令面板输入 :ESP-IDF: Configure ESP-IDF extension,并点击选中“ESP-IDF: Configure ESP-IDF extension”

Windows:VS Code IDE安装ESP-IDF【保姆级】_第9张图片

进入之后,选中【EXPRESS】 

Windows:VS Code IDE安装ESP-IDF【保姆级】_第10张图片

如下界面

①选择类型乐鑫的服务器,这样下载会更快一些

②选择python工具路径: d:\Espressif\python_env\idf5.0_py3.11_env\

③然后点击【Install】开始安装

Windows:VS Code IDE安装ESP-IDF【保姆级】_第11张图片

然后,就慢慢等待安装完成

Windows:VS Code IDE安装ESP-IDF【保姆级】_第12张图片

看到这个界面,恭喜您,正确的安装完成了

Windows:VS Code IDE安装ESP-IDF【保姆级】_第13张图片

三、开始使用VSCode ESP-IDF

现在您已经具备了使用 VSCode ESP-IDF 的所有条件,接下来将介绍如何开始您的第一个工程。

创建工程

F1快捷键打开命令面板,在命令面板输入 :ESP-IDF: New Project

①在命令面板输入 :ESP-IDF: New Project

②选中ESP-IDF: New Project

Windows:VS Code IDE安装ESP-IDF【保姆级】_第14张图片

Windows:VS Code IDE安装ESP-IDF【保姆级】_第15张图片

下面这步根据自己具体情况 

Windows:VS Code IDE安装ESP-IDF【保姆级】_第16张图片

Windows:VS Code IDE安装ESP-IDF【保姆级】_第17张图片

Windows:VS Code IDE安装ESP-IDF【保姆级】_第18张图片

Windows:VS Code IDE安装ESP-IDF【保姆级】_第19张图片

到这一步,创建工程就完成了 

Windows:VS Code IDE安装ESP-IDF【保姆级】_第20张图片

配置工程 

执行esp-idf 的menuconfig,第一次menuconfig的时间很长,耐心等待

Windows:VS Code IDE安装ESP-IDF【保姆级】_第21张图片

Windows:VS Code IDE安装ESP-IDF【保姆级】_第22张图片

Windows:VS Code IDE安装ESP-IDF【保姆级】_第23张图片

编译工程

编译非常简单,直接点击下发的ESP-IDF Build project按键即可。

Windows:VS Code IDE安装ESP-IDF【保姆级】_第24张图片

第一次编译时间会比较长,耐心等待就好,后面再次编译就很快了。

烧录到开发板

直接点击下发的ESP-IDF Flash device按键即可。

Windows:VS Code IDE安装ESP-IDF【保姆级】_第25张图片

Windows:VS Code IDE安装ESP-IDF【保姆级】_第26张图片 

串口输出log

点击下发的ESP-IDF Monitor device,打开串口,check串口log输出。

Windows:VS Code IDE安装ESP-IDF【保姆级】_第27张图片

到此,恭喜您已完成 VSCode 图形IDE 扩展 ESP-IDF开发环境的搭建,并可以开始ESP32的入门学习了!

物联网开发学习笔记——目录索引_liuzl_2010的博客-CSDN博客

你可能感兴趣的:(物联网,visual,studio,code,iot,ide,windows)