安装

包管理器

我们推荐使用 pnpm 进行包管理：

# 全局安装 pnpm（如果还没有安装）
npm install -g pnpm

安装包

根据你的使用场景安装所需的包：

仅核心组件

pnpm add @xcloud/ui-core

移动端应用

pnpm add @xcloud/ui-core @xcloud/ui-mobile

Web 应用

pnpm add @xcloud/ui-core @xcloud/ui-web

所有包

pnpm add @xcloud/ui-core @xcloud/ui-mobile @xcloud/ui-web

对等依赖

确保已安装 React：

pnpm add react react-dom

如果使用带路由的移动端组件：

pnpm add @tanstack/react-router

导入样式

在主入口文件中导入 CSS 文件：

// main.tsx 或 App.tsx
import '@xcloud/ui-core/styles.css'
import '@xcloud/ui-mobile/styles.css' // 如果使用移动端组件

TypeScript 配置

如果使用 TypeScript，确保你的 tsconfig.json 包含：

{
  "compilerOptions": {
    "jsx": "react-jsx",
    "moduleResolution": "bundler",
    "types": ["react", "react-dom"]
  }
}

下一步

现在你已经安装好了包，查看快速开始指南来构建你的第一个组件。