lonelysnowman / snow-design

适配多 Web 框架的组件库

SnowDesign

📕文档

• 官方文档：查看文档

📖介绍

• 助力您快速搭建属于自己的Web组件库。
• 包含从零到一构建组件库教程，帮助您更好理解组件库搭建原理。
• 项目架构学习semi-design与ant-design搭建，使用主流组件库搭建方式。

📦能力

• F/A 架构 vue3 与 react 实践: UI组件库如何分层设计，使其具备适配多种Web框架能力。
• 内置黑暗主题（Dark Mode）。
• 自定义预构建，分包构建，支持组件按需引入。
• 编写 JS 脚本快速生成组件模板。
• 包含 Webpack 与 Vite 插件支持自定义组件样式主题与 CSS Prefix，可进行全局CSS变量覆盖及组件级SCSS变量覆盖。
• 支持单元测试与端到端测试（端到端测试待支持...）。

🚀快速开始

• 推荐使用 pnpm 进行依赖管理
• node 版本 ≥ 18

# 安装依赖
pnpm install @snow-design/components

import React from "react";
import { Button } from "@snow-design/components";

const Demon = () => {
    return (<div>
	    <Button type="primary">按钮</Button>
    </div>)
}

snow-design's Issues

我要学组件库 ！！！！！！快教我