项目简介
本项目是基于TypeScript和React的组件库预览网站。它将组件库文档与实例整合在一个项目中,组件库源文件存于src
目录,网站源文件存于website
目录,能实现组件库的网站预览。
项目的主要特性和功能
- 运用TypeScript编写,具备静态类型检查,带来良好的开发体验。
- 提供预定义的React组件,例如多种类型(主要、成功、警告、危险)和大小(大、默认、小)的按钮组件。
- 拥有清晰的文档与示例代码,方便开发者快速上手组件库。
- 提供开发模式和生产模式的构建命令,有利于本地开发和部署。
安装使用步骤
安装依赖
在项目根目录下执行以下命令安装依赖:
bash
npm i @wangchuxi/template
基本使用
在项目中引入React DOM和组件库: ```jsx import ReactDOM from 'react-dom'; import Button from '@wangchuxi/template';
const Demo = () => { return (
``
可按需调整
size`等属性定制按钮外观和行为,具体属性可参考项目文档或源代码注释。
开发模式
bash
npm run watch
npm run start
生产模式
bash
npm run build
构建后的文件会被压缩且文件名包含哈希,可直接部署。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】