天天看點

搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)

搭建ESP32開發環境(Ubuntu+VSCode)

搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)

概述

  • 虛拟機下安裝Ubuntu作業系統
  • 安裝必要的Ubuntu開發軟體包
  • 下載下傳配置ESP32 Linux開發工具鍊
  • 從 GitHub上擷取 ESP-IDF 并設定環境
  • 從 GitHub上擷取 ESP-ADF 并設定環境
  • 下載下傳安裝Vscode 編輯工具 ,配置Vscode環境
  • 使用example中測試,配置,編譯,下載下傳,調試功能
  • 其他問題

開始

準備工作

  • wmware 14.0 (自行百度)
  • ubuntu 18.04 (筆者使用最新的穩定版作為開發環境) 官網連結
  • Linux 版的 ESP32 工具鍊 (樂鑫官網,根據作業系統選擇)
    • 64-bit Linux工具鍊
    • 32-bit Linux工具鍊

安裝 wmware 14.0

一路下一步自動安裝,一番等待後完成,進入界面。

搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)

安裝 ubuntu 18.04

下載下傳Ubuntu鏡像:ubuntu-18.04.2-desktop-amd64.iso

  1. 建立虛拟機
    搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
  2. 典型安裝

    ,選擇我們剛剛下載下傳的鏡像
    搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
  3. 進入

    簡易安裝

    模式,輸入使用者名密碼,一定要記住以後登入需要(Ubuntu預設禁用root,我們可以使用

    sudo

    來獲得暫時root權限)
  4. 一路下一步,進入系統安裝等待界面(漫長的等待…)
  5. 安裝完成後對使用性能不滿意的,可以在

    關機

    後自行調整

    硬體配置

    (核數,記憶體),有助以後的編譯速度
  6. 一番等待後,進入系統登入,輸入密碼…
    搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
  7. 歡迎界面中可以選擇我們需要的軟體,然後再一番更新等待…重新開機
  8. 正式進入Ubuntu,先個性化設定一番我們的

    Ubuntu

    系統,
    • setting

      -

      language

      中選擇安裝我們母語,輸入法,再一番等待
      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
    • 安裝完成後,再語言選擇中将

      漢語(中國)

      的選項

      拖到

      最上邊,再将設定應用,重新開機系統
    • 重新開機登入後,系統會提示是否修改檔案夾名,這裡最好選擇

      保留原有名稱

      ,不然以後再

      終端

      cd

      cd

      去不停操作中文目錄,不能使用

      tab

      ,是一件不友好的事情。
    • 接下來安裝

      wmware tools

      ,點選選擇

      虛拟機

      -

      重新安裝 wmware tools

      ,接着

      /media/xxx

      會出現安裝包

      VMwareTools-10.2.5-8068393.tar.gz

      ,我們将其

      複制

      到桌面上,我們再打開

      終端

      解壓縮(也可以直接右鍵直接

      提取到此處

      ,相當Windows 的

      解壓到目前

      ),安裝輸入指令

      sudo ./vmware-install.pl

      ,按提示輸入密碼,接着又是一番

      yes

      加回車,完成。
      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
    • 這樣就可以愉快的

      Ubuntu

      windows

      界面來回切換不用

      Ctrl + Alt

      ,主機和虛拟機之間

      複制粘貼

      也可以,檔案共享友善多了。
    • 更新軟體清單

      sudo apt-get update

      ,更新軟體

      sudo apt-get upgrade

    • 常用的軟體可以拖動到 桌面的左面欄,友善使用。

安裝 VScode

  • 軟體在

    Ubuntu軟體

    内找到,點選

    安裝

    ,這和 APP store 很像。又是一番等待…
    搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
  • 安裝完成後,設定VScode 的開發環境,安裝插件

    language

    ,

    c\c++

    …,筆者使用的

    Settings Sync

    插件,一建同步原來配置(現在筆者使用的時候是原來配置好的,需要

    github

    的賬号,現在開發基本都在VScode上,包括現在編寫的開發曆程,确實非常好用的輕量編輯器,當然這也是有強大的插件庫的原因)
  • 輸入

    shift + ctrl + d

    ,輸入原來

    GitHub Token

    ,

    GitHub Gist

    ,又是一番同步配置等待,完成後重新開機vscode
  • 新打開提示沒有

    git

    ,我們安裝下git

    sudo apt-get install git

    .

安裝ESP32工具的工具鍊

  1. 在使用者目錄的下建立

    esp

    目錄,友善統一 工具鍊、ESP-IDF ESP-ADF 和 開發程式 . 如果建立的目錄不同後續的指令也需要相應的修改
    • mkdir ~/esp

    • cd esp/

  2. 安裝編譯IDF需要的軟體包 等待一下 -y
    • sudo apt-get install gcc git wget make libncurses-dev flex bison gperf python python-pip python-setuptools python-serial

  3. 下載下傳ESP32 工具鍊,大家可以windows上下載下傳,在複制到虛拟下的

    ~/esp/

    目錄下
    • 64-bit Linux:

      https://dl.espressif.com/dl/xtensa-esp32-elf-linux64-1.22.0-80-g6c4433a-5.2.0.tar.gz

    • 32-bit Linux:

      https://dl.espressif.com/dl/xtensa-esp32-elf-linux32-1.22.0-80-g6c4433a-5.2.0.tar.gz

  4. 工具鍊将會被解壓到

    ~/esp/xtensa-esp32-elf/

    目錄
    • tar -xzf xtensa-esp32-elf-linux64-1.22.0-80-g6c4433a-5.2.0.tar.gz

  5. 增加環境變量,需要在

    ~/.profile

    檔案中更新環境變量

    PATH

    , vi 不好用的直接用桌面編輯工具也一樣(打開顯示隐藏檔案選項)
    • sudo vi ~/.profile

      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
    • export PATH="$HOME/esp/xtensa-esp32-elf/bin:$PATH"

      (儲存退出)
      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
    • 重新開機下看下是否 設定成功

      printenv PATH

      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)

安裝ESP32 IDF

  1. 下載下傳 IDF 倉庫 這裡下載下傳是最新版的,大家也可以下載下傳其他的
    • git clone --recursive https://github.com/espressif/esp-idf.git

      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
  2. 設定環境變量(和上面一樣)
    • export IDF_PATH=~/esp/esp-idf

      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
    • 重新開機下看下是否 設定成功

      printenv IDF_PATH

安裝ESP32 ADF

  • 下載下傳 ADF 倉庫
    • git clone --recursive https://github.com/espressif/esp-adf.git

      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
  • 設定環境變量(和上面一樣)
    • export ADF_PATH=~/esp/esp-adf

      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
    • 重新開機下看下是否 設定成功

      printenv ADF_PATH

      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)

安裝 Python 軟體包

  • python -m pip install --user -r $IDF_PATH/requirements.txt

設定VScode 和 工具鍊關聯

  1. 建立一個

    project

    檔案夾,用于存放自己編寫的工程檔案
    • mkdir ~/esp/project

  2. VS Code 任務配置

    tasks.json

    搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
    快捷鍵 執行的指令 功能
    F5 make -j8 編譯
    F6 make -j8 flash 編譯、下載下傳
    F7 make monitor 螢幕
    F8 make clean 清除編譯
    F9 make erase_flash 擦除 flash
    F10 make menuconfig 打開 menuconfig
  3. VS Code 快捷鍵配置

    keybindings.json

    搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
  4. 配置添加頭檔案索引路徑

    c_cpp_properties.json

    , 不然一直有黃燈警告
    搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)

完成

真是好一番操作~

F5 F6 F7

三連完成編譯,下載下傳,調試

搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)

搭建ESP32開發環境(Ubuntu+VSCode)

搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)

概述

  • 虛拟機下安裝Ubuntu作業系統
  • 安裝必要的Ubuntu開發軟體包
  • 下載下傳配置ESP32 Linux開發工具鍊
  • 從 GitHub上擷取 ESP-IDF 并設定環境
  • 從 GitHub上擷取 ESP-ADF 并設定環境
  • 下載下傳安裝Vscode 編輯工具 ,配置Vscode環境
  • 使用example中測試,配置,編譯,下載下傳,調試功能
  • 其他問題

開始

準備工作

  • wmware 14.0 (自行百度)
  • ubuntu 18.04 (筆者使用最新的穩定版作為開發環境) 官網連結
  • Linux 版的 ESP32 工具鍊 (樂鑫官網,根據作業系統選擇)
    • 64-bit Linux工具鍊
    • 32-bit Linux工具鍊

安裝 wmware 14.0

一路下一步自動安裝,一番等待後完成,進入界面。

搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)

安裝 ubuntu 18.04

下載下傳Ubuntu鏡像:ubuntu-18.04.2-desktop-amd64.iso

  1. 建立虛拟機
    搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
  2. 典型安裝

    ,選擇我們剛剛下載下傳的鏡像
    搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
  3. 進入

    簡易安裝

    模式,輸入使用者名密碼,一定要記住以後登入需要(Ubuntu預設禁用root,我們可以使用

    sudo

    來獲得暫時root權限)
  4. 一路下一步,進入系統安裝等待界面(漫長的等待…)
  5. 安裝完成後對使用性能不滿意的,可以在

    關機

    後自行調整

    硬體配置

    (核數,記憶體),有助以後的編譯速度
  6. 一番等待後,進入系統登入,輸入密碼…
    搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
  7. 歡迎界面中可以選擇我們需要的軟體,然後再一番更新等待…重新開機
  8. 正式進入Ubuntu,先個性化設定一番我們的

    Ubuntu

    系統,
    • setting

      -

      language

      中選擇安裝我們母語,輸入法,再一番等待
      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
    • 安裝完成後,再語言選擇中将

      漢語(中國)

      的選項

      拖到

      最上邊,再将設定應用,重新開機系統
    • 重新開機登入後,系統會提示是否修改檔案夾名,這裡最好選擇

      保留原有名稱

      ,不然以後再

      終端

      cd

      cd

      去不停操作中文目錄,不能使用

      tab

      ,是一件不友好的事情。
    • 接下來安裝

      wmware tools

      ,點選選擇

      虛拟機

      -

      重新安裝 wmware tools

      ,接着

      /media/xxx

      會出現安裝包

      VMwareTools-10.2.5-8068393.tar.gz

      ,我們将其

      複制

      到桌面上,我們再打開

      終端

      解壓縮(也可以直接右鍵直接

      提取到此處

      ,相當Windows 的

      解壓到目前

      ),安裝輸入指令

      sudo ./vmware-install.pl

      ,按提示輸入密碼,接着又是一番

      yes

      加回車,完成。
      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
    • 這樣就可以愉快的

      Ubuntu

      windows

      界面來回切換不用

      Ctrl + Alt

      ,主機和虛拟機之間

      複制粘貼

      也可以,檔案共享友善多了。
    • 更新軟體清單

      sudo apt-get update

      ,更新軟體

      sudo apt-get upgrade

    • 常用的軟體可以拖動到 桌面的左面欄,友善使用。

安裝 VScode

  • 軟體在

    Ubuntu軟體

    内找到,點選

    安裝

    ,這和 APP store 很像。又是一番等待…
    搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
  • 安裝完成後,設定VScode 的開發環境,安裝插件

    language

    ,

    c\c++

    …,筆者使用的

    Settings Sync

    插件,一建同步原來配置(現在筆者使用的時候是原來配置好的,需要

    github

    的賬号,現在開發基本都在VScode上,包括現在編寫的開發曆程,确實非常好用的輕量編輯器,當然這也是有強大的插件庫的原因)
  • 輸入

    shift + ctrl + d

    ,輸入原來

    GitHub Token

    ,

    GitHub Gist

    ,又是一番同步配置等待,完成後重新開機vscode
  • 新打開提示沒有

    git

    ,我們安裝下git

    sudo apt-get install git

    .

安裝ESP32工具的工具鍊

  1. 在使用者目錄的下建立

    esp

    目錄,友善統一 工具鍊、ESP-IDF ESP-ADF 和 開發程式 . 如果建立的目錄不同後續的指令也需要相應的修改
    • mkdir ~/esp

    • cd esp/

  2. 安裝編譯IDF需要的軟體包 等待一下 -y
    • sudo apt-get install gcc git wget make libncurses-dev flex bison gperf python python-pip python-setuptools python-serial

  3. 下載下傳ESP32 工具鍊,大家可以windows上下載下傳,在複制到虛拟下的

    ~/esp/

    目錄下
    • 64-bit Linux:

      https://dl.espressif.com/dl/xtensa-esp32-elf-linux64-1.22.0-80-g6c4433a-5.2.0.tar.gz

    • 32-bit Linux:

      https://dl.espressif.com/dl/xtensa-esp32-elf-linux32-1.22.0-80-g6c4433a-5.2.0.tar.gz

  4. 工具鍊将會被解壓到

    ~/esp/xtensa-esp32-elf/

    目錄
    • tar -xzf xtensa-esp32-elf-linux64-1.22.0-80-g6c4433a-5.2.0.tar.gz

  5. 增加環境變量,需要在

    ~/.profile

    檔案中更新環境變量

    PATH

    , vi 不好用的直接用桌面編輯工具也一樣(打開顯示隐藏檔案選項)
    • sudo vi ~/.profile

      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
    • export PATH="$HOME/esp/xtensa-esp32-elf/bin:$PATH"

      (儲存退出)
      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
    • 重新開機下看下是否 設定成功

      printenv PATH

      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)

安裝ESP32 IDF

  1. 下載下傳 IDF 倉庫 這裡下載下傳是最新版的,大家也可以下載下傳其他的
    • git clone --recursive https://github.com/espressif/esp-idf.git

      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
  2. 設定環境變量(和上面一樣)
    • export IDF_PATH=~/esp/esp-idf

      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
    • 重新開機下看下是否 設定成功

      printenv IDF_PATH

安裝ESP32 ADF

  • 下載下傳 ADF 倉庫
    • git clone --recursive https://github.com/espressif/esp-adf.git

      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
  • 設定環境變量(和上面一樣)
    • export ADF_PATH=~/esp/esp-adf

      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
    • 重新開機下看下是否 設定成功

      printenv ADF_PATH

      搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)

安裝 Python 軟體包

  • python -m pip install --user -r $IDF_PATH/requirements.txt

設定VScode 和 工具鍊關聯

  1. 建立一個

    project

    檔案夾,用于存放自己編寫的工程檔案
    • mkdir ~/esp/project

  2. VS Code 任務配置

    tasks.json

    搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
    快捷鍵 執行的指令 功能
    F5 make -j8 編譯
    F6 make -j8 flash 編譯、下載下傳
    F7 make monitor 螢幕
    F8 make clean 清除編譯
    F9 make erase_flash 擦除 flash
    F10 make menuconfig 打開 menuconfig
  3. VS Code 快捷鍵配置

    keybindings.json

    搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)
  4. 配置添加頭檔案索引路徑

    c_cpp_properties.json

    , 不然一直有黃燈警告
    搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)

完成

真是好一番操作~

F5 F6 F7

三連完成編譯,下載下傳,調試

搭建ESP32開發環境(Ubuntu+VS)搭建ESP32開發環境(Ubuntu+VSCode)

繼續閱讀