125

0

Elastic UI

Elastic UI 框架是一组 React UI 组件,用于在 Elastic 中快速构建用户界面。

Elastic UI 框架

Elastic UI 框架是一组 React UI 组件,用于在 Elastic 中快速构建用户界面。

查看我们的完整文档站点,其中包含 EUI 框架美学中的许多组件示例,以及如何在您的产品中使用它们。我们还有一个涵盖常见使用问题的常见问题解答。有关 EUI 的其他一般性问题,请查看讨论选项卡

本文档的其余部分将详细介绍如何在本地运行和贡献EUI 文档站点。

本地运行

Node

我们依赖于.nvmrc中定义的node版本。

您可能需要安装node版本管理器。推荐使用nvm

要安装和使用正确的noode版本 nvm

nvm install

注意: 如果您在M1 Apple 设备上运行,您可能需要执行以下操作

  • 降级到节点 v14(lts/fermium又名 v14.19.3有效)
  • 确保您在 Rosetta 模式下运行终端 > -Terminal在 Finder 中选择应用程序(应用程序 -> 实用程序)
  • 右键单击并选择 Get Info然后选中 Open using Rosetta复选框
  • 关闭窗口并重新启动终端

文档

您可以通过运行以下命令在http://localhost:8030/本地运行文档。

yarn
yarn start

如果另一个进程已经在监听 8030 端口,则将使用下一个空闲端口。或者,您可以指定一个端口:

yarn start --port 9000

目标

这个库的主要目标是提供可重用的 UI 组件,可以在 Elastic 的 Web 产品中使用。作为 React 组件,它们从构建 UI 的过程中移除了 CSS。作为单一的事实来源,该框架允许我们的设计师直接在代码中对我们的审美进行更改。UI 组件的单元测试覆盖率使我们能够提供稳定的“用户界面 API”。

维基

消耗

维护/贡献

贡献.md

执照

在 Elastic v2 和服务器端公共许可下双重许可,v 1阅读常见问题以了解详细信息。