M5Stack 개발 환경 구축 (VSCode에 Arduino 기능 확장 도입)

4681 단어 ArduinoM5stackVSCode
Windows10에서 M5Stack 개발 환경 구축을 실시했을 때의 순서를 기재합니다.
VSCode에 Arduino 확장 기능을 도입합니다.
(Arduino IDE 배포 및 VSCode 배포가 완료되었다고 가정합니다. VSCode ver1.57.1)
(2021/6/21 시점)

1. Arduino for Visual Studio Code 설치



Extensions를 선택하고 검색 창에 arduino를 입력하고,
Microsoft의 Arduino를 선택하여 설치합니다.


2. Arduino for Visual Studio Code 초기 설정


  • 2-1.Path 설정
    파일→사용자 설정→설정을 선택합니다.

  • [확장 기능] → [Arduino configuration]에서 Arduino : Path를 찾습니다
  • Arduino가 설치된 경로(C:\Program Files (x86)\Arduino)를 지정합니다.


  • 2-2.IntelliSense(C/C++ 확장)의 초기 설정
  • 2-1. 설정 검색 창에 "IntelliSense engine"을 입력
  • 「Default」→「Tag Parser」로 변경합니다.


  • 2-3.터미널의 컴파일 출력 문자화 대책
    다음 자바스크립트 파일 편집
    C:\Users\username\.vscode\extensions\vsciot-vscode.vscode-arduino-0.4.3\out\src\common\util.js

  • (208 행을 주석 처리)


    3. Arduino 프로젝트 생성



  • 3-1. 프로젝트 폴더 생성
  • 파일 → 폴더 열기에서 모든 폴더를 새로 만들고 엽니다.
  • 이번은 "Sample"폴더로 했습니다.C:\Users\username\Documents\Arduino\Sample
  • 그 안에 스케치 파일 "Sample.ino"를 만듭니다.

    (Sample.ino에 스케치 예 HelloWorld의 내용을 기재해 보았습니다)



  • 3-2. 보드 종류 선택
  • Ctrl+Shift+P에서 명령 팔레트를 열고
  • Arduino : 보드 구성을 선택합니다
  • Selected Board에서 M5Stack-Core-ESP32(esp32)를 지정합니다.

    그 후, "Flash Mode"등의 항목이 자동으로 설정됩니다



  • 3-3. C/C++ 확장 프로그램 경로 추가
  • Ctrl+Shift+P에서 명령 팔레트를 열고
  • C/Cpp : 편집 구성 ...을 선택하십시오
  • .vscode 폴더에 c_cpp_properties.json 파일이 생성됩니다.
  • M5Stack.h를 사용하기 위해 "c_cpp_properties.json"의 "includePath"에 다음 경로를 추가합니다.C:\Users\username\Documents\Arduino\libraries\\**


  • 4. M5Stack에 쓰기


  • 4-1. 시리얼 포트 설정
  • M5Stack을 USB에 연결
  • Ctrl+Shift+P에서 Arduino : Select Serial Port를 선택합니다.
  • Silicon Labs를 인식하는 COM 포트 선택


  • 4-2. 컴파일 실시
  • Verify 아이콘을 선택하여 컴파일 시작

    (컴파일에 시간이 걸립니다・・・)

    (마침내 완료되었습니다)



  • 4-3. M5Stack에 쓰기
  • "Upload"버튼을 선택하여 레코딩을 시작합니다.
    (쓰기도 시간이 걸립니다・・・)



  • M5Stack의 LCD 화면에 Hello World가 표시되면 성공입니다!

    좋은 웹페이지 즐겨찾기