开始使用Vega用户界面组件库

开放Beta测试文档 作为预发布开放Beta测试的一项内容，亚马逊提供了此技术文档。随着亚马逊收到反馈并对功能进行迭代，所描述的这些功能可能会发生变化。有关最新功能的信息，请参阅最新的发布说明。

Vega用户界面组件 (VUIC) 是一套可重复使用、可自定义的高性能组件，可帮助您使用Vega构建应用。VUIC包括几个积极维护的组件（Carousel、EPG、Seekbar）和其他实验组件。现有用户可以自行决定继续使用这些实验功能。

注意： 新入驻开发者无法访问这些实验组件的文档。

先决条件

在安装VUIC之前，请确保Vega SDK已正确安装在本地计算机上。有关安装的更多详细信息，请参阅安装Vega SDK。

VUIC作为npm程序包在同一个存储库中可用，和Vega程序包类似。使用以下命令导航到项目的根目录并安装VUIC。

已复制到剪贴板。

npm install @amazon-devices/kepler-ui-components@^2.0.0

要确认在您的应用中安装成功，请打开package.json。在依赖项部分中，您应该看到VUIC库，如以下示例所示。

已复制到剪贴板。

"dependencies": {
    // ...
    "@amazon-devices/kepler-ui-components": "^2.0.0",
}

您可以使用以下命令验证npm存储库中是否存在VUIC。

已复制到剪贴板。

$ npm search '@amazon-devices/' --registry $(npm config get @amazon-devices:registry)

安装完VUIC程序包后，您可以将该库导入代码中。以下是Carousel组件的示例。

已复制到剪贴板。

import React from 'react';
import { Carousel } from '@amazon-devices/kepler-ui-components';

如果升级到2.0.0以上版本的库，升级后的库包含对Carousel的重大更改，这可能会导致使用该组件的现有应用崩溃。请参阅Carousel文档，了解如何进行故障排除和迁移到最新版本。

Last updated: 2025年10月15日