安装 - Joy UI

内容

跳转至内容

安装 Joy UI，一个设计精美的 React UI 组件库。

默认安装

运行以下命令之一，将 Joy UI 添加到您的项目中：

npm install @mui/joy @emotion/react @emotion/styled

对等依赖

请注意，react 和 react-dom 是对等依赖项，这意味着在安装 Joy UI 之前，您应确保它们已安装。

  "react": "^17.0.0 || ^18.0.0",
  "react-dom": "^17.0.0 || ^18.0.0"
},```

Inter 字体

Joy UI 默认使用Inter字体。您可以通过Fontsource或Google Fonts CDN将其添加到您的项目中。

字体来源

运行以下命令之一，将Inter添加到您的Joy UI项目中：

npm install @fontsource/inter

然后您可以像这样在入口点导入它：

import '@fontsource/inter';

谷歌网络字体

要通过 Google Web Fonts CDN 安装 Inter，请在项目的 <head /> 标签内添加以下代码：

<link rel="preconnect" href="https://fonts.googleapis.com" /><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" />

链接
https://mui.com/joy-ui/getting-started/installation/
总结
Joy UI 是一个设计精美的 React UI 组件库。安装 Joy UI 可以通过 npm 安装 @mui/joy @emotion/react @emotion/styled。Joy UI 使用 Inter 字体，默认情况下可以通过 Fontsource 或 Google Fonts CDN 添加到项目中。需要注意的是，Joy UI 的 peer dependencies 包括 react 和 react-dom，需要确保它们在安装 Joy UI 之前已经安装。