as

Settings
Sign out
Notifications
Alexa
亚马逊应用商店
Ring
AWS
文档
Support
Contact Us
My Cases
新手入门
设计和开发
应用发布
参考
支持
跳转到主要内容
本页引导您使用Vega SDK构建应用。SDK包括多个模板和两种构建方法:Vega Studio和Vega CLI。Vega Studio是一个VS Code扩展,它通过命令面板提供命令,而Vega CLI则提供基于终端的命令。 如果您不熟悉使用Vega构建应用,请参阅构建Hello World应用。

所有构建选项

Vega提供多种途径,供您根据自身具体要求创建自定义应用。您可以从以下构建方法中进行选择:

使用Vega Studio构建应用

Vega Studio是VS Code中的一个扩展,让您可以在Fire TV和其他Vega支持的平台上创建、构建、运行、测试和调试应用并分析其性能。本节提供了使用Vega Studio构建Vega应用的步骤。

先决条件

  1. 安装Vega SDK。

步骤1:创建Vega项目

  1. 打开Visual Studio Code (VS Code)。
  2. 从活动栏中选择Vega扩展图标,打开Kepler Studio面板:
  3. 单击Projects(项目)部分中的+(创建Vega项目)图标。
  4. 选择项目模板。
    • hello-world - 使用此项目模板创建依赖于React Native v0.72的应用。
    • basic-turbo-module - 使用此项目模板创建自定义Turbo模块。
    • idl-turbo-module - 使用此项目模板创建与所有支持的React Native版本和原生IDL API兼容的应用。
  5. 为您的项目选择一个目录。
  6. 为您的应用提供一个项目名称(不含空格或特殊字符)。 例如:My3PSample 输入项目名称后,请务必按Enter。
  7. 以如下格式输入项目的程序包名称:<top-level domain>.<company_name>.<app_name>。 例如:com.org.vegaproject 输入项目的程序包名称后,按下Enter。 Vega Studio根据您选择的模板创建您的项目。当您在有项目打开的情况下选择basic-turbo-module或idl-turbo-module模板时,Vega Studio会创建一个多根工作区。新项目将以文件夹的形式显示,因此您可以使用Turbo模块作为依赖项,并在同一VS Code窗口中进行开发。Vega Studio将新的basic-turbo-module作为依赖项添加到打开的项目。如果您在创建basic-turbo-module期间打开了多个Vega应用,该扩展会提示您选择目标应用。

步骤2:构建Vega应用

  1. 在Kepler > Projects中,选择您的项目。 屏幕截图,示出了在Projects菜单下选择SampleApp项目的位置。
  2. 在Build Mode(构建模式)部分中,选择所需的构建模式(Debug [调试] 或Release [发布])。 屏幕截图,显示可以在Build Modes(构建模式)菜单下选择的Debug(调试)或Release(发布)选项。
  3. 从Devices(设备)部分选择播放按钮以启动目标虚拟设备。
  4. 选择项目名称旁边的构建按钮以开始构建过程。

查看构建输出

  1. 转到VS Code中的集成终端面板。
  2. 选择输出选项卡。
  3. 从下拉列表中选择Kepler。 您应该看到info build-kepler completed。如果构建失败,请通过展开错误消息来识别问题。

步骤3:(可选)配置自定义端口

您可以指定端口8081以外的自定义端口。
  1. 在VS Code中,前往Code > 首选项 > 设置。
  2. 在搜索框中,输入React Native Port。
  3. 输入您的端口号。
  4. 出现提示时重新加载VS Code。 当您启动调试会话时,Vega Studio会自动在/data/shared_preferences.json中配置设备上的共享首选项。

步骤4:运行和测试Vega应用

在Vega虚拟设备上
  1. 导航到Kepler Studio > Devices,然后选择VirtualDevice:Tv。
  2. 选择播放按钮启动虚拟设备。
  3. 等待VVD窗口打开,设备完成加载(VirtualDevice:Tv状态应为就绪,而不是“Loading…” [正在加载…])
  4. 选择项目名称旁边的播放按钮。 有关详细信息,请参阅Vega虚拟设备。 在Fire TV Stick上:
  5. 从Kepler Studio > Devices中选择您的Fire TV Stick设备。
  6. 单击项目名称旁边的“播放”按钮。 有关详细信息,请参阅Fire TV Stick。

步骤5:(可选)停止React Native打包器

有两个选项可用来停止React Native打包器:选项1:通过VS Code状态栏屏幕截图,示出了在VS Code状态栏中停止React Native打包器的位置。单击底部VS Code状态栏中的React Native Packager(React Native打包器)按钮。当您将鼠标悬停在其上方时,您会看到工具提示Stop Packager(停止打包器)。选项2:通过VS Code命令面板屏幕截图,示出了命令面板中的React Native Stop Packager命令。
  1. 打开命令面板: Mac: Cmd+shift+P Linux: Ctrl+Shift+P
  2. 输入并选择React Native:Stop Packager。 停止打包器(使用任一选项)后,从Kepler Studio > Projects(项目)中重新启动应用。选择应用名称右侧的播放按钮。

步骤6:调试Vega应用

Vega Studio提供内置的调试器。要使用它,请按照使用Vega Studio进行调试中的说明进行操作。

步骤7:分析应用性能

Vega Studio提供的工具可帮助您分析和优化Kepler应用的性能。有关详细信息,请访问以下页面:

相关主题


最后修改于 2026年10月26日