1. VEX 라이브러리
  2. V5
  3. VS 코드 확장
  4. VS Code 확장 프로그램의 UI 및 설정

VEX VS 코드 확장 UI 개요

이 문서에서는 VEX Visual Studio Code 확장 UI(사용자 인터페이스)에 대한 개요를 제공합니다. 이 확장 기능은 VEX IQ 2세대, EXP, V5 플랫폼을 위한 C++ 및 Python 프로젝트 개발을 지원합니다.

VEX VS 코드 확장 UI 레이아웃

VEX Visual Studio Code 확장 UI는 활동 표시줄, 사이드바, 편집기, 터미널 패널, 도구 모음의 5개 주요 영역으로 구분됩니다.

 

VS Code에서 VEX UI의 전체 레이아웃을 보여주는 스크린샷입니다. 화면 왼쪽에는 액티비티 바 및 사이드바가 있고, 화면 하단에는 툴바와 터미널이 있으며, 나머지 화면 영역은 에디터로 채워져 있습니다.

활동 막대

활동 표시줄에는 다양한 아이콘이 있어 보기를 전환할 수 있으며 VEX 프로젝트 개발을 위한 추가적인 컨텍스트별 표시기를 제공합니다.

 

VEX Robotics 확장 프로그램이 설치된 VS Code 활동 표시줄. 활동 표시줄에는 검색, 확장 프로그램 관리, 버전 관리 등과 같은 유용한 빠른 작업을 제공하는 아이콘이 있습니다.

VS Code에서 VEX 프로젝트를 개발하는 데 사용되는 일반적인 아이콘은 다음과 같습니다.

  • 탐색기 보기 아이콘. 탐색기 보기 아이콘 - 클릭하면 탐색기 보기 사이드바에 열립니다.
  • 확장 프로그램 보기 아이콘. 확장 프로그램 보기 아이콘 - 클릭하면 확장 프로그램 보기 사이드바에 열립니다.
  • VEX 보기 아이콘. VEX 보기 아이콘 - 클릭하면 VEX 보기 사이드바에 열립니다.

사이드바

사이드바에는 VS Code에 통합된 도구를 사용할 수 있는 다양한 뷰가 포함되어 있습니다. VEX 프로젝트 개발을 위한 작업을 수행하는 데 사용되는 일반적인 사이드바 뷰는 확장 뷰, VEX 뷰, 탐색기 뷰입니다.

확장 보기

확장 기능 보기 VS Code에서 확장 기능을 설치하고 관리하는 데 사용됩니다. VEX IQ 2세대, EXP, V5 플랫폼에서 소프트웨어를 개발하려면 VEX 확장, C/C++ 확장, Python 확장을 설치해야 합니다.

VS Code에 VEX Extension, C/C++ Extension, Python Extension 를 설치하는 방법에 대한 단계별 지침은 이 문서 확인하세요.

 

VS Code 확장 프로그램 보기에서 설치된 확장 프로그램 목록을 보여줍니다. 각 확장 프로그램에는 여기에서 열 수 있는 설정 메뉴가 있으며, 새로운 확장 프로그램을 찾고 다운로드할 수 있는 검색창도 있습니다.


VEX 뷰

VEX View 사용하면 VS Code에서 VEX IQ 2세대, EXP 및 V5에 대한 프로젝트를 개발할 수 있습니다. VEX 뷰에는 프로젝트 작업, VEX 장치 정보, 및 VEX 피드백의 세 가지 범주가 포함되어 있습니다.

 

VS Code VEX 뷰는 위쪽에 프로젝트 생성 및 가져오기 옵션, 아래쪽에 VEX 장치 정보 메뉴, 맨 아래에 피드백 메뉴를 보여줍니다.

  • 프로젝트 작업
    프로젝트 작업 아래의 버튼은 새 VEX 프로젝트를 만들거나 기존 VEX코드 프로젝트를 가져오는 데 사용됩니다.
    VS Code에서 VEX 프로젝트를 만드는 방법에 대한 자세한 지침은 V5의 경우 이 문서, EXP의 경우 이 문서, IQ(2nd)의 경우 이 문서를 참조하세요.

VEX 확장 보기의 프로젝트 작업 섹션입니다. 이 섹션에는 '새 프로젝트'와 '프로젝트 가져오기'라는 두 개의 버튼이 있습니다.

  • VEX 피드백
    VEX 피드백 아래 텍스트 상자에 메시지를 입력하고 보내기 버튼을 클릭하여 VEX에 피드백을 제출할 수 있습니다.
    VS Code에서 VEX FEEDBACK 을 사용하는 데 대한 유용한 정보는 이 문서 참조하세요.
     

VEX 확장 보기의 VEX 피드백 섹션입니다. 이 섹션에는 VEX에 피드백을 제출할 수 있는 옵션이 있는 양식이 있습니다.

탐색기 보기

Explorer View VS Code에서 VEX 프로젝트 파일과 폴더를 탐색, 열기, 관리하는 데 사용됩니다.

 

VS Code 탐색기 보기로, 사용자가 VEX 프로젝트의 폴더와 파일을 탐색할 수 있도록 해줍니다. 파일에는 해당 아이콘과 파일 형식이 표시되어 있으며, 이 예에서는 Python 파일이 선택되었고 제목은 VEXcode Project.py로 표시됩니다.

편집자

편집기는 VS Code에서 파일을 편집하는 주요 영역입니다. VEX VS Code 확장 기능은 편집기 영역에서 C/C++ 및 Python에 대한 Intellisense/Linting을 활성화하여 프로그램 개발에 도움을 줍니다.

 

VS Code 편집기에서 VEX 프로젝트의 일부로 Python 파일이 열려 있는 모습입니다. 여기에서 Python 또는 C/C++ 코드를 작성하고 편집하여 VEX 브레인에 연결할 때 사용할 VEX 로봇 프로그램을 만들 수 있습니다.

편집기 영역에서는 특정 함수에 대한 유용한 정보를 얻으려면 함수 텍스트 위에 마우스를 올려놓거나 VEX 명령 도움말 을 사용하여 C++ 및 Python API(애플리케이션 프로그래밍 인터페이스)에 포함된 해당 함수에 대한 설명서에 액세스할 수 있습니다.

VS Code에서 VEX 명령 도움말 사용하는 방법에 대한 자세한 지침은 이 문서 참조하세요.

터미널 패널

VEX VS Code 확장 프로그램은 시작 시 로그 터미널과 대화형 터미널이라는 두 개의 터미널을 제공합니다. 

  • 로그 터미널 - 로그 터미널은 빌드 출력, 빌드 오류, 다운로드 결과를 표시합니다.
     

VS Code VEX 로그 터미널이 열리고 기본적으로 빈 상태로 "Log"라는 메시지 하나만 출력됩니다.

  • 대화형 터미널 - 대화형 터미널은 두 가지 기능을 수행합니다. 하나는 인쇄 로그를 표시하는 것이고, 다른 하나는 키 입력 내용을 사용자 프로그램으로 전송하는 것입니다.

    VS Code VEX 인터랙티브 터미널이 열리고 VEX Brain 연결 상태를 자세히 보여주는 메시지가 표시됩니다.



    참고: 대화형 터미널을 사용하려면 VEX VS Code 확장 프로그램이 실행되는 컴퓨터에 브레인 또는 컨트롤러가 연결되어 있어야 합니다.
    참고: 사용자 프로그램을 빌드하고 다운로드한 후에는 대화형 터미널 출력이 기본적으로 지워집니다.

도구 모음

도구 모음에는 VEX VS Code 확장 프로젝트, VEX Brains, VEX 컨트롤러와 빠르게 상호 작용할 수 있는 다양한 아이콘이 있습니다.

 

VS Code 툴바에 VEX 확장 프로그램 아이콘이 포함되어 있어 연결된 VEX 장치 및 프로젝트와 빠르게 상호 작용할 수 있습니다. VEX 기능에는 장치 선택기, 슬롯 선택기, 빌드 & 다운로드 아이콘, 재생 아이콘, 정지 아이콘, 프로젝트 선택기 및 Python 파일 선택기가 포함됩니다.

참고: 도구 모음은 VS Code에서 유효한 VEX 프로젝트가 열려 있을 때만 활성화됩니다. 

참고: 유효한 VEX 프로젝트는 확장 프로그램에서 생성하거나 가져온 프로젝트입니다. 편집기에서 열린 VEXcode 또는 VEXcode Pro 프로젝트는 유효한 VEX 프로젝트로 간주되지 않으므로 가져와야 합니다.

도구 모음에 표시되는 아이콘은 다음과 같습니다.

  • VS Code 툴바에 장치 선택기 아이콘이 표시됩니다. 장치 선택기 - 장치 선택기에는 연결된 VEX 장치의 아이콘(브레인 아이콘 Device Picker icon is highlighted on the VS Code toolbar. In this example it shows a Brain icon. 또는 컨트롤러 아이콘 Device Picker icon is highlighted on the VS Code toolbar. In this example it shows a Controller icon.)이 표시됩니다.
    참고: 컨트롤러가 컴퓨터에 연결되어 있지만 브레인과 무선 링크가 없는 경우 컨트롤러 아이콘 옆에 브레인 이름이 표시되지 않습니다.
  • 슬롯 선택기 아이콘. 슬롯 선택 아이콘 - 슬롯 선택 아이콘 을 클릭하면 VEX 확장 프로그램이 사용자 프로그램을 다운로드하거나 실행할 슬롯을 선택할 수 있습니다. 이 아이콘을 클릭하고 VEX 브레인에 있는 8개의 슬롯 중 하나를 목록에서 선택하면 됩니다.
  • 빌드 및 다운로드 아이콘입니다.  빌드 & 다운로드 아이콘 - VEX 장치가 연결되면 다운로드 아이콘 이 툴바에 표시됩니다. 클릭하면 프로젝트가 빌드되고, 성공하면 연결된 VEX 장치에 다운로드됩니다.
  • 재생 아이콘. 재생 아이콘 - 클릭하면 재생 아이콘 다운로드한 사용자 프로그램이 VEX Brain의 선택된 슬롯에서 실행됩니다.
  • 정지 아이콘. 정지 아이콘 - 클릭하면 정지 아이콘 VEX 브레인에서 사용자 프로그램 실행이 중지됩니다.
  • VS Code 툴바에 프로젝트 선택기가 표시됩니다. 이 예시에서는 v5NewProject라고 읽힙니다.  프로젝트 선택기 - 프로젝트 선택기 에는 선택된 프로젝트의 이름이 표시됩니다. 프로젝트 선택기 아이콘 을 사용하면 작업 공간 내에 여러 VEX 프로젝트가 있는 경우 해당 아이콘을 클릭하고 선택 목록에서 프로젝트를 선택하여 프로젝트 간에 전환할 수 있습니다.
  • VS Code 툴바에 Python 파일 선택기 아이콘이 표시됩니다. 이 예시에서는 main.py를 읽습니다.  파이썬 파일 선택기(파이썬 전용) - VEX 파이썬 프로젝트가 선택되면 파이썬 파일 선택기 이 툴바에 나타납니다. Python 파일 선택기 은 선택된 Python 파일의 이름을 표시합니다. VEX용 Python은 현재 단일 파일 다운로드만 지원합니다.

VS Code에서 툴바 기능을 사용하는 방법에 대한 유용한 정보를 보려면 이 문서확인하세요.

VEX 사용자 설정

VEX 사용자 설정을 사용하면 VEX 확장 을 사용자의 요구 사항에 맞게 구성할 수 있습니다. 사용자 설정은 모든 VEX VS Code 확장 프로젝트에 적용되는 글로벌 설정입니다. VS Code에서 설정 아이콘을 클릭하고 메뉴에서 해당 항목을 선택하면 VEX 사용자 설정 에 액세스할 수 있습니다.

 

VS Code 사용자 설정에서 VEX 범주가 열리면 VEX 로봇 공학 확장 프로그램의 동작을 사용자 지정할 수 있습니다.

VEX VS Code 확장 프로그램을 구성하기 위한 VEX 사용자 설정은 다음과 같습니다.

  • 컨트롤러 채널(V5 컨트롤러만 해당) - V5 컨트롤러 무선 채널을 다운로드 또는 피트로 설정합니다. 이 설정은 VEXnet 무선 링크에만 적용됩니다.
  • Cpp 툴체인 경로 - CPP 툴체인의 경로를 설정합니다.
  • 사용자 터미널활성화 - 확장 프로그램이 사용자 포트에서 데이터를 열고 표시하도록 활성화하거나 비활성화합니다.
  • 로그 항목 - VEX Brain에서 업로드할 로그 항목 수를 설정합니다.
  • 프로젝트 빌드 유형 - 확장 프로그램이 C++ 프로젝트를 빌드하는 방법을 설정합니다.
  • 프로젝트 홈 - 새 프로젝트의 기본 위치를 설정합니다.
  • 다운로드 후 실행 - 사용자 프로그램을 VEX Brain에 다운로드한 후 실행할지 여부를 설정합니다.
  • 시스템 DFU 자동 복구 - DFU 모드에서 IQ2 또는 EXP가 감지되면 Brain이 자동으로 복구되어야 하는지 여부를 설정합니다.
  • Websocket 서버 활성화 - Websocket 서버를 시작하기 위한 확장 기능을 활성화하거나 비활성화합니다.
  • Websocket 서버 호스트 주소 - Websocket 서버의 호스트 주소를 설정합니다.
  • Websocket 서버 포트 - Websocket 서버 포트 번호 설정

VEX 사용자 설정에 액세스하고 설정하는 방법에 대한 유용한 정보는 이 문서확인하세요.

For more information, help, and tips, check out the many resources at VEX Professional Development Plus

Last Updated: