ESP32 入門到精通 – 在 VSCode 安裝 ESP-IDF 插件
內容
簡介
ESP-IDF(Espressif IoT Development Framework)是由 Espressif Systems 開發的開源軟體開發框架,專門用於 ESP32 和 ESP8266 等系列晶片的嵌入式系統的應用程式開發。 這個框架為開發人員提供了一整套工具和程式庫,可加速的對 ESP32 的晶片或模組進行軟件開發過程。
安裝 VSCode
安裝 Visual Studio Code,可從 VSCode 官方網站下載並且安裝。
安裝 ESP-IDF 插件
開啟 VSCode 後在 VSCode 的側邊欄中點擊擴充模組(方形方塊圖示)。
![ESP32 入門到精通 - 在 VSCode 安裝 ESP-IDF 插件 1 ESP-IDF](https://saludpcb.com/zh/wp-content/uploads/2024/01/ESP32-Tutorial-ESP-IDF-With-VSCode_1-1.jpg)
在搜索框中輸入 "ESP-IDF"。
![ESP32 入門到精通 - 在 VSCode 安裝 ESP-IDF 插件 2 ESP-IDF](https://saludpcb.com/zh/wp-content/uploads/2024/01/ESP32-Tutorial-ESP-IDF-With-VSCode_2-1.jpg)
在搜索結果中找到 "ESP-IDF",然後點擊右側的安裝按鈕。
![ESP32 入門到精通 - 在 VSCode 安裝 ESP-IDF 插件 3 ESP-IDF](https://saludpcb.com/zh/wp-content/uploads/2024/01/ESP32-Tutorial-ESP-IDF-With-VSCode_3.jpg)
設定 ESP-IDF
安裝完成後,按 Ctrl(Cmd)+Shift+P 或 F1 打開命令面板。輸入 ESP-IDF Extension 的安裝路徑。
![ESP32 入門到精通 - 在 VSCode 安裝 ESP-IDF 插件 4 ESP-IDF](https://saludpcb.com/zh/wp-content/uploads/2024/01/ESP32-Tutorial-ESP-IDF-With-VSCode_4.jpg)
選擇 "ESP-IDF:Configure ESP-IDF Extension"。
![ESP32 入門到精通 - 在 VSCode 安裝 ESP-IDF 插件 5 ESP-IDF](https://saludpcb.com/zh/wp-content/uploads/2024/01/ESP32-Tutorial-ESP-IDF-With-VSCode_5.jpg)
選擇 "EXPRESS"。
![ESP32 入門到精通 - 在 VSCode 安裝 ESP-IDF 插件 6 ESP-IDF](https://saludpcb.com/zh/wp-content/uploads/2024/01/ESP32-Tutorial-ESP-IDF-With-VSCode_6.jpg)
設定下載的伺服器和選擇 ESP-IDF 版本和安裝目錄,可參考以下的設置。
![ESP32 入門到精通 - 在 VSCode 安裝 ESP-IDF 插件 7 ESP-IDF](https://saludpcb.com/zh/wp-content/uploads/2024/01/ESP32-Tutorial-ESP-IDF-With-VSCode_7-1.jpg)
範例測試
當 ESP-IDF 安裝完成後,按 F1 打開命令面板並且輸入 "ESP-IDF Show Examples Projects"。
![ESP32 入門到精通 - 在 VSCode 安裝 ESP-IDF 插件 8 ESP-IDF](https://saludpcb.com/zh/wp-content/uploads/2024/01/ESP32-Tutorial-ESP-IDF-With-VSCode_8.jpg)
在側邊欄選擇 "hello_world" 範例。
![ESP32 入門到精通 - 在 VSCode 安裝 ESP-IDF 插件 9 ESP-IDF](https://saludpcb.com/zh/wp-content/uploads/2024/01/ESP32-Tutorial-ESP-IDF-With-VSCode_9.jpg)
點擊 "Create project using example hello_world" 並選擇專案存放目錄。
![ESP32 入門到精通 - 在 VSCode 安裝 ESP-IDF 插件 10 ESP-IDF](https://saludpcb.com/zh/wp-content/uploads/2024/01/ESP32-Tutorial-ESP-IDF-With-VSCode_a.jpg)
創建完成後並開啟了 HELLO_WORLD 專案,並可點擊程式碼 hello_world_main.c。
![ESP32 入門到精通 - 在 VSCode 安裝 ESP-IDF 插件 11 ESP-IDF](https://saludpcb.com/zh/wp-content/uploads/2024/01/ESP32-Tutorial-ESP-IDF-With-VSCode_b-2.png)
可點擊 Build Project 執行編譯以確認完成 ESP-IDF 安裝和設定。
![ESP32 入門到精通 - 在 VSCode 安裝 ESP-IDF 插件 12 ESP-IDF](https://saludpcb.com/zh/wp-content/uploads/2024/01/ESP32-Tutorial-ESP-IDF-With-VSCode_c-4.png)