快速上手
快速上手
安装
使用 npm 或 yarn 安装
$ npm i uiw # 安装 v2.x.x 最新版本$ yarn add uiw浏览器引入
在浏览器中使用 script 和 link 标签直接引入文件，并使用全局变量 uiw。
我们在 npm 发布包内的 uiw/dist 目录下提供了 uiw.js uiw.css 以及 uiw.min.js uiw.min.css。你也可以通过 UNPKG 进行下载。
⚠️ 强烈不推荐使用已构建文件，这样无法按需加载。
⚠️ 浏览器引入只在 uiw v2.x 以上的版本支持。
安装 v1.x 旧版本
⚠️
v1.x不可以升级到v2.x，v2是对 v1 的重构和简化
安装 v1.x 版本
npm install uiw --save
## 通过 GitHub 仓库安装
npm i -S uiwjs/uiw
## 指定版本
npm i -S uiwjs/uiw#v1.16.14
## 或者
yarn add uiwjs/uiw通过 GitHub 仓库安装的
win用户请在Git Bash下执行，因为需要用到git。
对新版本 v2.x 的更新内容
- 优化大部分组件，让组件变得更小更简单。
- 删除大部分组件冗余功能，直接使用样式就可以展现组件效果。
- 删除冗余组件，例如组件
Capsule 胶囊与Tag 标签组件合并。 - 抽离组件，需要单独安装，如
HeatMap 日历热图 - 支持服务端渲染，可以通过 kkt-ssr 工具建立实例。
使用
使用过程中不需要引入 CSS，但是需要 LESS 编译环境，如果对环境使用有障碍，可以通过 kkt 工具初始化一个工程。
import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'uiw';
ReactDOM.render(
<Button type="primary">Hello</Button>,
document.getElementById('app')
);组件冲突
重新取一个名字
import { Button as ButtonView } from 'uiw';VSCode 中文档预览
组件文档可以在 VSCode 中预览，打开下面链接进行安装 VSCode 插件。
开发
使用 Gitpod，GitHub 的免费在线开发环境，点击打开下面链接，自动初始化项目，将开发环境跑起来。
要开发，运行自重新构建，获取代码：
$ git clone https://github.com/uiwjs/uiw.git
$ cd uiw
$ npm install # or yarn install要开发，运行自重新构建，这里将要跑两个任务：
## Listening compiled component code.
$ cd ./packages/core
$ npm run watch## Run the app
## Restart the app automatically every time code changes.
## Useful during development.
$ cd ./
$ npm start打开浏览器并访问：http://localhost:19870
文件目录说明
├── LICENSE
├── README.md
├── package.json
├── packages # 组件源码
│ └── core
├── public # Document the static file.
└── src # D文档网站源码License
Licensed under the MIT License.