一个高质量的 UI 工具包,一个 React 16+ 的组件库。 💘
npm install uiw --save
你可以使用 kkt
快速创建一个 react + uiw 的项目。
npx create-kkt my-app -e uiw
# or npm
$ npm create kkt my-app -e uiw
# or yarn
$ yarn create kkt my-app -e uiw
您可以使用 uiw v1.x 版本。 请在此处查看文档。(npx
需要 npm 5.2+
及更高版本。)
import React from "react";
import ReactDOM from "react-dom";
import { Button } from "uiw";
ReactDOM.render(
<Button type="primary">Hello</Button>,
document.getElementById("app")
);
有关更多信息,请访问 uiwjs.github.io 网站。
或者在 VSCode 使用 vscode-uiw
插件预览中打开:
这个 git
仓库是一个使用 Lerna
构建的仓库。它包含以下一些软件包:
使用 Gitpod
,GitHub
的免费在线开发环境。
或者在本地克隆:
$ git clone git@github.com:uiwjs/uiw.git
安装依赖 & 编译组件代码
$ npm install # Install dependencies
$ npm run hoist
$ npm run build
要开发,运行自动加载编译命令:
# Run the app
# Restart the app automatically every time code changes.
# Useful during development.
$ npm run lib:watch
$ npm run start
$ lerna run --scope uiw watch --stream
$ lerna exec --scope @uiw/button -- tsbb types --outDir lib/esm --target ESNEXT --watch
$ lerna exec --scope @uiw/button -- tsbb watch --target react --env-name esm:dev --env-name cjs
文件夹说明:
├── LICENSE
├── README.md
├── package.json
├── website
│ ├── uiw # Documentation website source code
└── packages
├── uiw # Component library source code
├── react-alert
├── react-tree
├── ...
└── react-affix
当前工程目前通过 git tag
触发 GitHub Workflow 自动发布到 npm 包管理平台中
Licensed under the MIT License.