所有构建选项
Vega提供多种途径,供您根据自身具体要求创建自定义应用。您可以从以下构建方法中进行选择:- Vega Studio
- Vega CLI
使用Vega Studio构建应用
Vega Studio是VS Code中的一个扩展,让您可以在Fire TV和其他Vega支持的平台上创建、构建、运行、测试和调试应用并分析其性能。本节提供了使用Vega Studio构建Vega应用的步骤。先决条件
步骤1:创建Vega项目
- 打开Visual Studio Code (VS Code)。
- 从活动栏中选择Vega扩展图标,打开Kepler Studio面板:
- 单击Projects(项目)部分中的+(创建Vega项目)图标。
-
选择项目模板。
- hello-world - 使用此项目模板创建依赖于React Native v0.72的应用。
- basic-turbo-module - 使用此项目模板创建自定义Turbo模块。
- idl-turbo-module - 使用此项目模板创建与所有支持的React Native版本和原生IDL API兼容的应用。
- 为您的项目选择一个目录。
-
为您的应用提供一个项目名称(不含空格或特殊字符)。
例如:My3PSample
输入项目名称后,请务必按
Enter。 -
以如下格式输入项目的程序包名称:
<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应用
-
在Kepler > Projects中,选择您的项目。
-
在Build Mode(构建模式)部分中,选择所需的构建模式(Debug [调试] 或Release [发布])。
- 从Devices(设备)部分选择播放按钮以启动目标虚拟设备。
- 选择项目名称旁边的构建按钮以开始构建过程。
查看构建输出
- 转到VS Code中的集成终端面板。
- 选择输出选项卡。
- 从下拉列表中选择Kepler。 您应该看到info build-kepler completed。如果构建失败,请通过展开错误消息来识别问题。
步骤3:(可选)配置自定义端口
您可以指定端口8081以外的自定义端口。- 在VS Code中,前往Code > 首选项 > 设置。
- 在搜索框中,输入React Native Port。
- 输入您的端口号。
-
出现提示时重新加载VS Code。
当您启动调试会话时,Vega Studio会自动在
/data/shared_preferences.json中配置设备上的共享首选项。
步骤4:运行和测试Vega应用
在Vega虚拟设备上-
导航到Kepler Studio > Devices,然后选择
VirtualDevice:Tv。 - 选择播放按钮启动虚拟设备。
- 等待VVD窗口打开,设备完成加载(VirtualDevice:Tv状态应为就绪,而不是“Loading…” [正在加载…])
- 选择项目名称旁边的播放按钮。 有关详细信息,请参阅Vega虚拟设备。 在Fire TV Stick上:
- 从Kepler Studio > Devices中选择您的Fire TV Stick设备。
- 单击项目名称旁边的“播放”按钮。 有关详细信息,请参阅Fire TV Stick。
步骤5:(可选)停止React Native打包器
有两个选项可用来停止React Native打包器:选项1:通过VS Code状态栏
单击底部VS Code状态栏中的React Native Packager(React Native打包器)按钮。当您将鼠标悬停在其上方时,您会看到工具提示Stop Packager(停止打包器)。选项2:通过VS Code命令面板
- 打开命令面板: Mac: Cmd+shift+P Linux: Ctrl+Shift+P
- 输入并选择React Native:Stop Packager。 停止打包器(使用任一选项)后,从Kepler Studio > Projects(项目)中重新启动应用。选择应用名称右侧的播放按钮。

