创建Hello World应用

本教程将引导您使用Vega SDK的VS Code扩展Vega Studio创建、构建和运行您的第一个Vega应用。此示例基于React Native应用模板创建了名为“VegaProject”的应用，并在Vega虚拟设备（Vega SDK中包含的模拟Fire TV Stick）中运行。 如果您想探索所有构建选项，例如使用Vega CLI和其他应用模板，请参阅构建您的应用。

​

先决条件

• 安装Vega SDK。SDK包含各种工具，用于创建、构建和运行应用。
• 打开Visual Studio Code或下载它。

​

构建Hello World应用

​

步骤1：使用Vega模板创建新应用

1. 在VS Code中，选择扩展活动栏中的Vega扩展图标。
2. 单击+图标创建新项目。
3. 选择模板hello-world（基于React Native 0.72的模板）。
4. 选择一个项目目录或创建一个新目录，然后将其打开。
5. 为项目、程序包命名，并在完成命名之后按Enter。此示例使用以下名称： 应用名称：VegaProject 程序包名称：com.myorg.VegaProject
6. 出现工作区提示。命名您的工作区并将其保存到您选择的位置。

​

步骤2：在测试模式下构建应用

1. 在Vega扩展中，找到并选择工作区中的VegaProject。
2. 将构建模式设置为Debug（调试）。默认情况下，这会启用快速刷新，因此对应用所做的任何已保存更改都会实时反映在应用中。
3. 选择VegaProject旁边的构建按钮。
4. 查看VS Code的Output（输出）选项卡中是否有构建成功消息。
   2025-12-16 15:07:44.151 [info] [native-build] kepler ktbuild exited with code 0
   2025-12-16 15:07:44.198 [info] info build-kepler completed
   

​

步骤3：运行Vega虚拟设备 (VVD)

在Vega虚拟设备 (VVD)（即Vega的Fire TV Stick模拟器）中运行该应用。

1. 在扩展面板中，于Devices（设备）下找到VirtualDevice:Tv，然后按下播放按钮。
2. 等待VVD窗口打开。
3. 选择VegaProject旁边的播放按钮。

当应用运行时，您会看到Hello World应用的VVD更新。 祝贺您！您已经成功创建并运行了自己的第一个Vega应用。尝试更改App.tsx中的一些文本，以查看实时反映在正在运行的应用上的更改。

​

其他资源

现在您已经创建了第一个Vega应用，请浏览以下资源以了解更多信息：

• 使用Vega的示例应用加块应用开发。
• 完成Vega视频应用教程。该教程将引导您完成使用W3C媒体播放器创建视频应用的详细步骤。
• 查看所有编译选项并尝试其他模板和原生模块。
• 查看文档中的其他开发选项。

---