VEX VS Code 扩展 UI 概述

本文概述了 VEX Visual Studio 代码扩展 UI(用户界面)。 该扩展支持为 VEX IQ 第二代、EXP 和 V5 平台开发 C++ 和 Python 项目。

VEX VS Code 扩展 UI 布局

VEX Visual Studio Code 扩展 UI 分为五个主要区域:活动栏、侧栏、编辑器、终端面板和工具栏。

ui-image1.png

活动栏

活动栏具有一系列图标,可让我们在视图之间切换,并为我们提供用于 VEX 项目开发的附加上下文特定指示器。

ui-image2.gif

在 VS Code 中开发 VEX 项目的常用图标有:

  • ui-image3.png 资源管理器视图图标 - 单击后, 资源管理器视图 将在侧栏中打开。
  • ui-image4.png 扩展视图图标 - 单击后,将在侧栏中打开 扩展视图
  • ui-image5.png VEX 视图图标 - 单击时, VEX 视图 在侧栏中打开。

侧边栏

侧栏包含不同的视图,使我们能够使用 VS Code 中的集成工具。 用于执行 VEX 项目开发任务 常见侧栏视图有 扩展视图VEX 视图资源管理器视图

扩展视图

扩展视图 用于安装和管理 VS Code 中的扩展。 为了在VEX IQ第二代、EXP和V5平台上开发软件,我们需要安装VEX扩展、C/C++扩展和Python扩展。

有关如何在 VS Code 中安装 VEX 扩展C/C++ 扩展Python 扩展 分步说明,请查看 这篇文章

ui-image6.png


VEX视图

VEX View 使我们能够在 VS Code 中开发 VEX IQ 第二代、EXP 和 V5 项目。 VEX 视图中包含三个类别: 项目操作、VEX 设备信息、VEX 反馈

ui-image7.png

ui-image8.png

  • VEX FEEDBACK
    我们可以通过在 VEX FEEDBACK 下的文本框中输入消息并单击 SEND 按钮来向 VEX 提交反馈。
    有关在 VS Code 中使用 VEX FEEDBACK 的有用信息,请参阅 本文

ui-image10.gif

资源管理器视图

Explorer View 用于浏览、打开和管理 VS Code 中的 VEX 项目文件和文件夹。

ui-image11.png

编辑

编辑器是 VS Code 中编辑文件的主要区域。 VEX VS 代码扩展在编辑器区域中启用了 C/C++ 和 Python 的 Intellisense/Linting,以帮助我们开发程序。

ui-image12.png

在编辑器区域中,我们可以通过将鼠标悬停在函数文本上或使用 VEX 命令帮助 访问 C++ 和 Python API(应用程序编程接口)中包含的该函数的文档来获取有关特定函数的有用信息。 )。

有关在 VS Code 中使用 VEX 命令帮助 详细说明,请参阅 本文

端子面板

VEX VS Code Extension 在启动时提供两个终端:日志终端和交互终端。 

  • 日志终端 - 日志终端显示构建输出、构建错误和下载结果。

ui-image13.png

  • 交互式终端 - 交互式终端有两个功能 - 显示打印日志和将原始击键发送回用户程序。

    ui-image14.png



    注意: 要使用交互式终端,大脑或控制器必须连接到运行 VEX VS Code 扩展的计算机。
    注意: 构建和下载用户程序后,默认情况下会清除交互式终端输出。

工具栏

工具栏具有一系列图标,为我们提供了与 VEX VS Code 扩展项目、VEX Brains 和 VEX 控制器交互的快速方式。

ui-image15.png

注意: 仅当在 VS Code 中打开有效的 VEX 项目时,工具栏才处于活动状态。 

注意: 有效的 VEX 项目是由扩展创建或导入的项目。 在编辑器中打开的 VEXcode 或 VEXcode Pro 项目不会被视为有效的 VEX 项目,需要导入。

工具栏上的图标包括:

  • ui-image16.png 设备选择器 - 设备选择器显示所连接的 VEX 设备的图标(大脑图标 ui-image17.png 或控制器图标 ui-image18.png
    注意: 如果控制器已连接到计算机,但没有与计算机的无线电链接大脑,控制器图标旁边不会显示大脑名称。
  • ui-image19.png 插槽选择器图标 - 插槽选择器图标 允许我们选择 VEX 扩展将在哪个插槽上下载或播放用户程序,方法是单击该插槽并从选择列表中选择 VEX Brain 上的八个可用插槽之一。
  • ui-image25.png 构建图标 - 如果未连接 VEX 设备, 构建图标 将显示在工具栏上。 单击后,只会构建该项目。
  • ui-image21.png 下载图标 - 如果连接了 VEX 设备, 下载图标 将显示在工具栏上。 单击后,将构建项目,如果成功,将下载到连接的 VEX 设备。
  • ui-image22.png 播放图标 - 单击时, 播放图标 将在 VEX Brain 上选定的插槽中运行下载的用户程序。
  • ui-image23.png 停止图标 - 单击时, 停止图标 停止运行 VEX Brain 上的用户程序。
  • ui-image24.png 项目选择器 - 项目选择器 显示所选项目的名称。 当工作区内存在多个 VEX 项目时, 项目选择器图标 允许我们通过单击它并从选择列表中选择一个项目来在 VEX 项目之间进行切换。
  • ui-image25.png Python 文件选择器(仅限 Python) - 当选择 VEX Python 项目时, Python 文件选择器 将出现在工具栏中。 Python 文件选择器 显示所选 Python 文件的名称。 Python for VEX 目前仅支持单个文件下载。

有关如何使用 VS Code 中的工具栏功能的有用信息,请查看 这篇文章

VEX 用户设置

VEX 用户设置允许我们根据自己的要求配置 VEX 分机。 用户设置是应用于每个 VEX VS Code 扩展项目的全局设置。 我们可以通过单击 VS Code 中的“设置”图标并在菜单中选择相应的项目来访问 VEX 用户设置

ui-image26.gif

用于配置 VEX VS 代码扩展的 VEX 用户设置为:

  • 控制器通道(仅限 V5 控制器) - 将 V5 控制器无线电通道设置为 下载Pit。 此设置仅适用于 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: