【Ubuntu】Ubuntu+VScode+ESP-IDF 的环境搭建

引言

由于在 Linux 系统上配置 esp 环境较为繁琐，故在此做个记录。

视频教程

ubuntu下的ESP-IDF开发环境的搭建

Ubuntu 中配置流程

一、安装网络工具

sudo apt-get install net-tools

二、查看 ip 地址

ifconfig

三、使用 MoBaXterm 新建 SSH 协议终端

输入刚刚查看的 ip 地址和 Ubuntu 终端的用户名。

输入密码后，即可将 MoBaXterm 成功登录上 Ubuntu 系统。

四、安装必要工具

1、配套必要的工具

其中有很多个工具：

sudo apt-get install git wget flex bison gperf python3-pip python3-venv cmake ninja-build ccache libffi-dev libssl-dev dfu-util libusb-1.0-0 net-tools

2、拉取 ESP-IDF 开发 SDK

1. 新建一个目录

    mkdir esp32
   

2. 进入其目录，并拉取 esp 工具

    cd esp32
    git clone https://gitee.com/Espressifsystems/esp-gitee-tools.git
   

3. 进入 esp 工具目录，并执行 jihulab 脚本，会将 jihulab 的地址自动替换为 jihulab 上的镜像地址

    cd esp-gitee-tools
    ./ jihu-mirror.sh
    ./ jihu-mirror.sh set
   

接下来即可直接拉取 ESP-IDF 不存在访问问题。

4. 根据 ESP-IDF 编程指南，需要确保有以下软件包（虽然上面可能安装过了）

    sudo apt-get install git wget flex bison gperf python3 python3-pip python3-venv cmake ninja-build ccache libffi-dev libssl-dev dfu-util libusb-1.0-0
   

5. 安装 python3
   执行以下指令查询当前 python 版本：

    python3 --version
   

6. 回到上一级目录，并获取 ESP-IDF

    cd ..
    git clone -b v5.5.1 --recursive https://github.com/espressif/esp-idf.git
   

7. 进入 esp-idf 目录，进行切换版本（选择最新的或者你想要的），并更新相应子模块

    cd esp-idf
    git checkout v5.5.1
    git submodule update --init --recursive
   

8. 此目录下安装编译工具
   执行 esp-gitee-tools 目录下的 install.sh 脚本：

    ../esp-gitee-tools/install.sh
   

五、拉取例程

回到 esp32 目录，并拉取例程：

cd ..
git clone --recursive https://gitee.com/vi-iot/esp32-board.git`

六、配置 ESP-IDF 环境变量（每次都要）

进入 esp-idf 目录，执行以下脚本，会将 ESP-IDF 环境变量设置到我们当前的环境变量中：

cd esp-idf
source export.sh

七、编译、烧录

cd ../esp32-board/helloworld
idf.py build
idf.py flash

VScode 中配置流程

一、本地插件安装

基本配置流程例如中文什么的就不说了，下面直接安装下面三个插件：

二、SSH 配置

三、连接 Ubuntu 终端

右键选择某个窗口中连接，选择 Linux 系统，并输入密码即可连接成功：

重启后，打开文件夹例如例程中的 helloworld 然后进行连接，输入密码进行连接工程：

四、网络插件安装

五、ESP-IDF 插件配置

点击Configure extension：

后面检查好三个路径是否有问题，然后再点击下一步进行安装某些工具即可完成配置。配置完成界面如下：

六、添加例程源码路径到工程中

（注意，前面 ESP-IDF 没配置好，这里就会出问题）
原本路径报错：

Ctrl + Shift + P，选择ESP-IDF: Add VS Code Configuration Folder后路径恢复正常：

完成！

博客导航

博客导航