React95 教程：Windows 95 风格组件库

最新推荐文章于 2024-08-21 09:45:56 发布

成冠冠Quinby

最新推荐文章于 2024-08-21 09:45:56 发布

阅读量244

点赞数 5

本文链接：https://blog.csdn.net/gitblog_00361/article/details/141084550

版权

React95 教程：Windows 95 风格组件库

React95🌈🕹 Windows 95 style UI component library for React项目地址:https://gitcode.com/gh_mirrors/re/React95

1. 项目介绍

React95 是一个基于 React 的组件库，它复刻了经典的 Windows 95 操作系统的界面风格。如果你怀念那个时代的 UI 设计，或者想要为你的现代应用程序添加一点复古风味，React95 可能是一个不错的选择。该项目提供了一系列 UI 组件，如按钮、输入框、菜单等，可帮助开发者轻松构建具有 Win95 风格的用户界面。

2. 项目快速启动

要开始使用 React95，首先确保你已经安装了 Node.js 和 npm。接下来，遵循以下步骤创建一个新的 React 应用并安装 React95：

新建 React 应用

npx create-react-app my-win95-app
cd my-win95-app

安装 React95

npm install @react95/core @react95/icons

引入组件到你的应用

在 src/App.js 文件中，引入所需的 React95 组件：

import { Button } from '@react95/core';
import { AddIcon } from '@react95/icons';

function App() {
  return (
    <div className="App">
      <Button icon={AddIcon}>新增</Button>
    </div>
  );
}

export default App;