1. VEX 라이브러리
  2. IQ
  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개 주요 영역으로 구분됩니다.

VEX VS Code UI 레이아웃 전체를 보여주는 스크린샷입니다. 활동 표시줄과 사이드바는 화면 왼쪽에 있고, 도구 모음과 터미널은 화면 하단에 있으며, 편집기는 화면의 나머지 부분을 채웁니다.

활동 바

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

VEX Robotics Extension이 설치된 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 확장 프로그램, C/C++ 확장 프로그램, Python 확장 프로그램 설치하는 방법에 대한 단계별 지침은 이 문서 확인하세요.

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


VEX 보기

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

위에는 프로젝트를 만들고 가져오기 위한 옵션이 표시된 VS Code VEX View, 아래에는 VEX 장치 정보 메뉴, 하단에는 피드백 메뉴가 있습니다.

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

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

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

탐색기 보기

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

사용자가 VEX 프로젝트에서 폴더와 파일을 탐색할 수 있는 VS Code Explorer 뷰입니다. 각 파일에는 해당 아이콘과 파일 유형이 표시되어 있습니다. 이 예에서는 Python 파일을 선택했고 제목은 main.py입니다.

편집자

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

VEX 프로젝트의 일부로 열린 Python 파일이 있는 VS 코드 편집기. VEX Brain에 연결하면 Python이나 C/C++ 코드를 작성하고 편집하여 VEX 로봇 프로그램을 만들 수 있습니다.

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

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

터미널 패널

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

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

VS Code VEX 로그 터미널이 열리고 Log라는 메시지 하나만 인쇄된 기본 빈 상태가 표시됩니다.

  • 대화형 터미널 - 대화형 터미널에는 인쇄 로그를 표시하고 원시 키 입력을 사용자 프로그램으로 다시 보내는 두 가지 기능이 있습니다.

    VS Code VEX Interactive Terminal is opened and shows messages that detail the VEX Brain connection status.



    참고: 대화형 터미널을 활용하려면 Brain 또는 Controller를 VEX VS Code 확장 프로그램을 실행하는 컴퓨터에 연결해야 합니다.
    참고: 사용자 프로그램을 빌드하고 다운로드한 후에는 기본적으로 대화형 터미널 출력이 지워집니다.

툴바

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

연결된 VEX 장치 및 프로젝트와 빠르게 상호 작용하는 데 사용할 수 있는 VEX 확장 아이콘이 포함된 VS Code 도구 모음입니다. 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 and it reads IQ Brain(IQ). 또는 컨트롤러 아이콘 Device Picker icon is highlighted on the VS Code toolbar. In this example it shows a Controller icon and it reads IQ Controller.)을 표시합니다.
    참고: 컨트롤러가 컴퓨터에 연결되어 있지만 브레인에 대한 무선 링크가 없는 경우 컨트롤러 아이콘 옆에 브레인 이름이 표시되지 않습니다.
  • 슬롯 선택기 아이콘. 슬롯 선택기 아이콘 - 슬롯 선택기 아이콘 사용하면 VEX 확장 프로그램이 사용자 프로그램을 다운로드하거나 재생할 슬롯을 선택하고, 선택 목록에서 VEX 브레인에 있는 8개의 사용 가능한 슬롯 중 하나를 클릭하여 선택할 수 있습니다.
  • 빌드 및 다운로드 아이콘. 빌드 & 다운로드 아이콘 - VEX 장치가 연결된 경우 다운로드 아이콘 가 도구 모음에 표시됩니다. 클릭하면 프로젝트가 빌드되고, 성공하면 연결된 VEX 장치에 다운로드됩니다.
  • 재생 아이콘. 재생 아이콘 - 클릭하면 재생 아이콘 이 VEX Brain의 선택된 슬롯에 다운로드된 사용자 프로그램을 실행합니다.
  • 정지 아이콘. 중지 아이콘 - 클릭하면 중지 아이콘 VEX Brain에서 사용자 프로그램 실행이 중지됩니다.
  • 프로젝트 선택기는 VS Code 도구 모음에 표시됩니다. 이 예에서는 IQ_Test라고 읽습니다. 프로젝트 선택기 - 프로젝트 선택기 는 선택된 프로젝트의 이름을 표시합니다. 프로젝트 선택기 아이콘 사용하면 작업 공간 내에 여러 VEX 프로젝트가 있는 경우 해당 아이콘을 클릭하고 선택 목록에서 프로젝트를 선택하여 프로젝트 간에 전환할 수 있습니다.
  • VS Code 도구 모음에 Python 파일 선택기 아이콘이 표시됩니다. 이 예에서는 main.py라고 읽습니다. Python 파일 선택기(Python 전용) - VEX Python 프로젝트를 선택하면 도구 모음에 Python 파일 선택기 나타납니다. 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 서버 포트 번호 설정

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

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

Last Updated: