ESP32 Visual Studio Code開發環境安裝（一）

ESP32 Visual Studio Code開發環境安裝（一）：

筆者之前使用了 Eclipse 作為 ESP8266 和 ESP32 整合式開發環境（Integrated Development Environment，IDE），覺得 Eclipse 的整合不夠完美，近期也嘗試使用 Arduino IDE 來開發 ESP32，發覺 Arduino 是很容易上手，但不能夠直接使用 C 語言來開發，現在見到 Espressif 對 Microsoft Visual Studio Code (VS Code) 的支援，所以便測試 Visual Studio Code 是否達到筆者的期望。

Microsoft Visual Studio Code

Microsoft Visual Studio Code（簡稱 VS Code）是一款輕量級但功能強大的代碼編輯器，是一個跨平台的開原始程式碼編輯器，支援 Windows、Mac 和 Linux 系統支援多種程式設計語言，並內置了 Git 版本控制，在 VS Code 中搭建 ESP32 開發環境（ESP-IDF），最簡單的方法是通過擴展外掛程式進行線上安裝。首先安裝 VS Code，然後在外掛程式市場搜索安裝 Espressif IDF 外掛程式，使用 Express 模式配置，設置源碼和工具鏈路徑即可自動下載安裝。

VS Code 具有以下優勢：

• 輕量級但功能豐富
• 豐富的擴展外掛程式生態系統
• 內置 Git 版本控制
• 智能代碼補全
• 調試支持
• 免費開源

1‧點擊 Download 下載
首先進入到 VS Code 的官網，選擇適合自己電腦操作系統的版本進行下載。
點擊 Download for Windows 進行下載
官網地址：https://code.visualstudio.com/

Microsoft Visual Studio Code 官網

2‧下載完成後直接點擊打開檔運行，然後開始進行安裝

下載完成後的 EXE 檔案資料

下載完成後直接點雙擊打開檔運行，進行安裝

開始進行安裝

3‧選擇安裝的位置
安裝目錄檔所在，可選擇、可默認。

選擇安裝程式的位置

4‧選擇開始功能表資料夾

選擇開始功能表資料夾

5‧選擇附加任務
將以下四項都勾選上，桌面快捷方式需要就添加即可。
添加到 PATH：添加到系統環境變數中，勾選後，即可在命令列中使用 code，即可打開 VS Code。

選擇附加任務

6‧準備安裝

準備安

7‧正在安裝

正在安裝

8‧安裝完成

安裝完成

9‧安裝完成後，第一次打開 VS Code

Visual Studio Code

VS Code 各模組的簡單介紹：

1. 功能表列：位於介面頂部，包含檔、編輯、視圖等常用功能。
2. 側邊欄：位於介面左側，包含資源管理器、搜索、擴展等面板
3. 編輯器區域：用於編寫和查看代碼的主要區域。
4. 狀態列：位於介面底部，顯示當前打開的檔、編碼格式等資訊。

2026年 2月 28日（Sat）天氣報告

氣溫：40.0°F / 4.0°C @ 07:00

風速：每小時 8公里

降雨機會：10%

相對濕度：百分之 91%

天氣：多雲