# cloud-design

**Repository Path**: aliyun/cloud-design

## Basic Information

- **Project Name**: cloud-design
- **Description**: 阿里云前端组件库，由专有云&公有云前端团队共建
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-08
- **Last Updated**: 2025-06-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h1 align="center">Cloud Design</h1>

<div align="center">阿里云前端通用组件库，based on <a href="https://github.com/alibaba-fusion/next">Fusion</a></div>


## ✨ 特性
- 🌈 提炼自阿里云中后台产品的交互语言和视觉风格。
- 📦 开箱即用的高质量 React 组件。
- 🛡 全面使用 TypeScript 开发，提供完整的类型定义文件。
- 🎨 全面 Css-Variable 化，更加灵活的主题定制能力。


## ⌨️ 本地开发

本仓库的代码组织方式是 lerna + yarn workspace 管理的 monorepo。

### 🛠 克隆代码&安装依赖
```bash
$ git clone git@github.com:aliyun/cloud-design.git
$ cd cloud-design
$ npm run boot
```
执行 `npm run boot`，它会安装好依赖、将内部相互应用的包 link 起来，对所有包进行初始化构建（npm run prepare）。

### 🚀 启动项目
其中 `base-components/` 是基础组件，`extend-components/` 是通用业务组件，以基础组件为例：

```bash
$ cd base-components/
$ npm run dev
```
打开浏览器访问 http://127.0.0.1:3000，即可预览


## 🤝 参与共建

如果想为自己的业务定制一份新的主题或者任何共建诉求，欢迎联系[佐七](https://github.com/zuoqi705)、[萧雨](https://github.com/csr632)。具体请参考[贡献指南](https://github.com/aliyun/cloud-design/blob/master/base-components/docs/CONTRIBUTING.md)。

[钉钉群](https://www.dingtalk.com/):

<img src="image/dingtalk-group.jpg" width="300" />