В данной статье представлен обзор пользовательского интерфейса расширения VEX Visual Studio Code. Расширение поддерживает разработку проектов C++ и Python для платформ VEX IQ (2-го поколения), EXP и V5.

Макет пользовательского интерфейса расширения VEX VS Code

Пользовательский интерфейс расширения VEX Visual Studio Code разделен на пять основных областей: панель действий, боковая панель, редактор, панель терминала и панель инструментов.

Панель активности

Панель активности содержит набор иконок, которые позволяют переключаться между представлениями и предоставляют дополнительные контекстно-зависимые индикаторы для разработки проекта VEX.

Распространенные значки, используемые при разработке проекта VEX в VS Code:

  • Скриншот интерфейса расширения кода VEX V5 в Visual Studio Code, демонстрирующий различные функции и инструменты, доступные для программирования робототехники VEX. Значок вида проводника - При щелчке вид проводника открывается на боковой панели.
  • Снимок экрана интерфейса расширения кода VEX V5 в Visual Studio Code, демонстрирующий функции и инструменты, доступные для программирования робототехники VEX. Значок представления расширений - При щелчке на боковой панели открывается Вид расширений.
  • Диаграмма, иллюстрирующая особенности и функциональные возможности расширения VEX V5 VS Code, на которой выделены ключевые компоненты и инструменты для программирования робототехники VEX. Значок VEX View - При щелчке VEX View открывается на боковой панели.

Боковая панель

Боковая панель содержит различные представления, которые позволяют нам использовать интегрированные инструменты VS Code. Распространенными представлениями боковой панели, используемыми для выполнения задач по разработке проектов VEX, являются Extension View, VEX Viewи Explorer View.

Расширение Вид

Extension View используется для установки и управления расширениями в VS Code. Для разработки программного обеспечения на платформах VEX IQ (2-го поколения), EXP и V5 нам необходимо установить расширение VEX, расширение C/C++ и расширение Python.

Пошаговые инструкции по установке расширения VEX, расширения C/C++и расширения Python в VS Code см. в этой статье.


VEX-вид

VEX View позволяет нам разрабатывать проекты для VEX IQ (2-го поколения), EXP и V5 в VS Code. В представление VEX включены три категории: ДЕЙСТВИЯ ПРОЕКТА, ИНФОРМАЦИЯ ОБ УСТРОЙСТВЕ VEX, и ОБРАТНАЯ СВЯЗЬ VEX.

  • ИНФОРМАЦИЯ ОБ УСТРОЙСТВЕ VEX
    Категория ИНФОРМАЦИЯ ОБ УСТРОЙСТВЕ VEX предоставляет нам обзор подключенного устройства VEX - VEX Brain или VEX Controller.


    Эта категория указывает тип подключенного устройства VEX и отображает информацию о системе Brain, последовательном порте, загруженной программе и устройствах, подключенных к интеллектуальным портам VEX Brain. Он позволяет нам делать снимки экрана VEX Brain, просматривать журнал событий VEX Brain, устанавливать имя мозга и номер команды, а также стирать пользовательскую программу из VEX Brain.

    Когда VEX Brain подключен к компьютеру, категория VEX DEVICE INFO показывает, связан ли контроллер VEX с VEX Brain, и позволяет нам обновить VEXos для VEX Brain, если версия VEXos VEX Brain устарела.

    Когда VEX Controller подключен к компьютеру, категория VEX DEVICE INFO показывает, связан ли мозг VEX с VEX Controller, и позволяет нам обновить VEXos для VEX Controller, если версия VEXos VEX Controller устарела.

    Для получения подробной информации об устройстве и о том, как использовать функции в разделе ИНФОРМАЦИЯ ОБ УСТРОЙСТВЕ VEX, ознакомьтесь с этой статьей.
  • ОБРАТНАЯ СВЯЗЬ VEX
    Мы можем отправить отзыв в VEX, введя сообщение в текстовое поле под ОБРАТНАЯ СВЯЗЬ VEX и нажав кнопку ОТПРАВИТЬ
    Полезную информацию об использовании ОБРАТНОЙ СВЯЗИ VEX в VS Code см. в этой статье.

Вид обозревателя

Вид проводника используется для просмотра, открытия и управления файлами и папками проекта VEX в VS Code.

Редактор

Редактор — это основная область редактирования файлов в VS Code. Расширение VEX VS Code включает Intellisense/Linting для C/C++ и Python в области редактора, чтобы помочь нам при разработке программы.

В области редактора мы можем получить полезную информацию о конкретной функции, наведя указатель мыши на текст функции или используя VEX Command Help для доступа к документации по этой функции, включенной в C++ и Python API (интерфейс прикладного программирования).

Подробные инструкции по использованию команде VEX в VS Code см. в этой статье .

Терминальная панель

Расширение VEX VS Code при запуске предоставляет два терминала: терминал журнала и интерактивный терминал. 

  • Log Terminal — Log Terminal отображает выходные данные сборки, ошибки сборки и результаты загрузки.

  • Интерактивный терминал - Интерактивный терминал имеет две функции: отображение журналов печати и отправка необработанных нажатий клавиш обратно в пользовательскую программу.



    Примечание: Для использования интерактивного терминала мозг или контроллер должны быть подключены к компьютеру, на котором запущено расширение VEX VS Code.
    Примечание: Вывод интерактивного терминала очищается по умолчанию после сборки и загрузки пользовательской программы.

Панель инструментов

Панель инструментов содержит набор иконок, которые позволяют быстро взаимодействовать с проектами расширения VEX VS Code, VEX Brains и VEX Controllers.

Примечание: Панель инструментов активна только в том случае, если в VS Code открыт допустимый проект VEX. 

Примечание: Допустимый проект VEX — это проект, созданный или импортированный расширением. Проекты VEXcode или VEXcode Pro, открытые в редакторе, не будут считаться допустимыми проектами VEX и их необходимо будет импортировать.

На панели инструментов представлены следующие значки:

  • Средство выбора устройства - Средство выбора устройства отображает значок подключенного устройства VEX (значок мозга VEX Device Picker showing icons for connected VEX devices, including a Brain icon and a Controller icon, as part of the V5 Category Description in the VS Code Extension section. или значок контроллера Icon of a controller representing the V5 category in the context of the VS Code Extension, illustrating functionality related to programming and controlling VEX robotics.)
    Примечание: Если контроллер подключен к компьютеру, но не имеет радиосвязи с мозгом, то рядом со значком контроллера не будет отображаться имя мозга.
  • Снимок экрана интерфейса расширения кода VEX V5 в Visual Studio Code, демонстрирующий различные функции программирования и инструменты, доступные пользователям для разработки и управления проектами робототехники VEX. Значок выбора слота - Значок выбора слота позволяет нам выбрать, в какой слот расширение VEX будет загружать или воспроизводить пользовательскую программу, щелкнув по нему и выбрав один из восьми доступных слотов в VEX Brain из списка выбора.
  • Скриншот интерфейса расширения кода VEX V5 в Visual Studio Code, демонстрирующий функции и инструменты для программирования робототехники VEX. Сборка & Значок загрузки - Если подключено устройство VEX, на панели инструментов отобразится Значок загрузки. При нажатии на эту кнопку проект будет собран и, в случае успеха, загружен на подключенное устройство VEX.
  • Скриншот интерфейса расширения VEX V5 VS Code, демонстрирующий функции редактирования кода и инструменты для программирования робототехники VEX. На изображении показаны удобная для пользователя компоновка и функциональность, направленные на повышение эффективности кодирования. Значок воспроизведения - При нажатии на значок воспроизведения запускается загруженная пользовательская программа в выбранном слоте VEX Brain.
  • Скриншот интерфейса расширения кода VEX V5, демонстрирующий функции редактирования кода и инструменты для программирования робототехники в Visual Studio Code. Значок остановки - При нажатии на значок остановки останавливается выполнение пользовательской программы на VEX Brain.
  • Скриншот интерфейса расширения кода VEX V5 в VS Code, демонстрирующий функции и инструменты для программирования робототехники VEX, включая редактирование кода, возможности отладки и управление проектами. Селектор проектов - Селектор проектов отображает название выбранного проекта. Значок выбора позволяет нам переключаться между проектами VEX, если в рабочей области их несколько, щелкнув по нему и выбрав проект из списка выбора.
  • Скриншот интерфейса расширения VS Code для V5, демонстрирующий функции и инструменты, доступные разработчикам, включая редактирование кода, параметры отладки и возможности интеграции. Селектор файлов Python (только Python) — при выборе проекта VEX Python на панели инструментов появится Селектор файлов Python. Селектор файлов Python отображает имя выбранного файла Python. В настоящее время Python для VEX поддерживает загрузку только отдельных файлов.

Полезную информацию об использовании функций панели инструментов в VS Code можно найти в этой

Настройки пользователя VEX

Пользовательские настройки VEX позволяют нам настраивать расширение VEX в соответствии с нашими собственными требованиями. Пользовательские настройки — это глобальные настройки, применяемые к каждому проекту расширения VEX VS Code. Доступ к настройкам пользователя можно получить, щелкнув значок «Настройки» в VS Code и выбрав соответствующие пункты в меню.

Пользовательские настройки VEX для настройки расширения VEX VS Code:

  • Путь к цепочке инструментов CPP — задает путь к цепочке инструментов CPP.
  • Включить пользовательский терминал— включает или отключает возможность расширения открывать и отображать данные из пользовательского порта.
  • Записи журнала — устанавливает количество записей журнала для загрузки из VEX Brain.
  • Тип сборки проекта — устанавливает, как расширение будет собирать проект C++.
  • Project Home — устанавливает местоположение по умолчанию для новых проектов.
  • Запустить после загрузки — Устанавливает, должна ли пользовательская программа запускаться после ее загрузки в VEX Brain.
  • Автоматическое восстановление системы DFU — устанавливает, должен ли мозг автоматически восстанавливаться при обнаружении мозга IQ (2-го поколения) или EXP в режиме DFU.
  • Включить сервер 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: