# alibabacloud-console-design

**Repository Path**: aliyun/alibabacloud-console-design

## Basic Information

- **Project Name**: alibabacloud-console-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-08-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Console Design

<p align="center">
<a href=" https://www.alibabacloud.com"><img src="https://aliyunsdk-pages.alicdn.com/icons/AlibabaCloud.svg"></a>
</p>

[![NPM version][npm-image]][npm-url]

[npm-image]: https://img.shields.io/npm/v/@alicloud/xconsole.svg?style=flat-square
[npm-url]: https://npmjs.org/package/@alicloud/xconsole

Console Design 是为阿里云控制台业务研发提供的解决方案，除了包括开发框架外，默认会与控制台设计规范及交互规范有更紧密的结合。我们希望 Console Design 能帮助控制台开发更聚焦业务开发，不用额外的去考虑设计规范，控制台标准等方面，让开发变成一个更轻松的事情!

## 快速开始

```bash

$ npx @alicloud/xconsole init

$ cd Your-Project-Folder

$ npm start

```

## 文档

https://xconsole.cloud/cloudbench/develop/ziowbz

## demo

[demo 地址](https://xconsole.cloud/demo/overview)

## 已支持功能

- 提供了 Topbar 及 侧边栏菜单 的接入;
- 提供了美杜莎的接入;
- 提供了数据统计能力的接入;
- 提供了符合设计规范的基础组件及业务组件的调用；
- 提供了更场景化的页面场景的调用能力；
- 提供了对服务 OpenAPI 的调用；
- 提供了基于文件路径的路由系统，减少配置；
- 提供了数据Mock能力;
- 提供了功能管控能力，能更好的控制灰度及渠道能力开关管理；
- 提供了E2E的功能测试能力；

## 用户指南

请阅读 [官方文档](https://aliyun.github.io/alibabacloud-console-design/doc/quick-start)

钉钉交流群：

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