ESP32 - vscode를 사용한 개발 환경 구축

참고
사용 OS : Windows 11 Pro 21H2 (OS 빌드 22000.739)
vscode 버전 1.69.0
참고 사이트 : espressif/vscode-esp-idf-extention

 

간단하게 구축해서 사용할 수 있을 거라 생각했는데... 몇 번의 실패를 맞보고 구축 과정을 기록으로 남긴다.

몇 가지 문제가 복합적으로 나타나는 것 같다. (아직 정확한 원인 파악이 안됨...)

 

여기에는 vscode 설치, ESP-IDF 설치와 설정에 대해 정리한다.

 

1. vscode 설치

https://code.visualstudio.com/에서 다운받아 설치하면 된다. 설정없이 기본으로 설치를 진행한다.

 

설치가 완료되면 아래와 같은 화면을 볼 수 있다.

vscode 실행 화면

 

2. ESP-IDF 설치

1. vscode 실행 후, 우측의 확장 아이콘을 클릭하거나 "ctrl + <shift> + x" 단축키로 확장 명령을 실행한다.
2. esp32s(espressif, esp-idf, esp32...)로 확장에서 검색을 한다.
3. Espressif IDF를 설치한다.

위 과정은 아래 이미지와 같다.

ESP-IDF 설치 과정

설치가 완료되면 아래 이미지를 볼 수 있다. (버전에 따라 바뀔 수 있다.)

ESP-IDF 설치 완료

설치된 버전은 1.4.0이다.

 

3. ESP-IDF 설정

vscode의 우측에서 ESP-IDF Explorer를 선택하면 아래와 같은 이미지를 볼 수 있다.

ESP-IDF Explorer

"F1" 키를 누르고 "ESP-IDF"를 입력한 후 "ESP-IDF: Select where to save configuration settings"를 찾아서 선택한다. 설정 값의 저장 위치를 선택한다.

 

다음 세 개중 하나를 선택하면 된다. (Global 선택, https://github.com/espressif/vscode-esp-idf-extension/blob/master/docs/MULTI_PROJECTS.md 참고)

• Global
• Workspace
• Workspace Folder

 

"F1" 키를 누르고 "ESP-IDF"를 입력한 후 "ESP-IDF: Configure ESP-IDF extension"를 찾아서 선택한다.

 

"F1" 키를 대신해서 "보기 -> 명령어 팔레트"를 선택해도 된다.

Configure ESP-IDF extension

ESP-IDF 확장 설치 화면이 보여지고 "EXPRESS"와 "ADVANCED" 모드 중 하나를 선택하도록 되어 있다. (처음 설치시)

ESP-IDF 확장 설치 모드 선택 화면

"EXPRESS"를 선택하여 설치를 진행한다.

 

아래와 같이 기본 값으로 사용자 폴더가 지정되어 있다. "Install"을 눌러서 설치를 진행한다.

EXPRESS 선택 후

아래와 같이 설치 진행 화면을 볼 수 있다. 완료 될 때까지 기다린다. (약간의 시간이 소요된다.)

ESP-IDF 확장 설치 진행중

설치가 완료되면 아래와 같은 이미지를 볼 수 있다.

ESP-IDF 확장 설치 완료

 

여기까지 진행되었으면, 작업을 진행할 준비는 완료 되었다.