node package manager
Painless code sharing. npm Orgs help your team discover, share, and reuse code. Create a free org »

m-hui

HUI Mobile Build Status npm version

基于 React 开发的移动端轻量 UI 库. 结合 HTML5, CSS3, ES6, React15 的优势, 吸收 react-weui, amazeui-react 的 UI 控件.

立即体验

m-hui

http://henryhyn.github.io/m-hui

立即使用

安装依赖

npm install m-hui --save

在需要组件的页面, 通过如下解构赋值的方式, 引入需要的页面组件.

import { Page, Button } from 'm-hui';

创建 HUI Mobile APP 例子, 参见 https://github.com/henryhyn/m-hui-app

贡献代码

先决条件

  • 安装 node, 至少 v0.12.7.
  • 安装 WebStorm 集成开发环境.

编写代码

克隆代码到本地, 然后进入项目目录, 执行如下命令就可以启动开发服务器.

npm start

通过 http://localhost:9999 查看页面效果. 开发服务器启动了热加载功能, 意味着, 你的任意改动都会自动在浏览器中刷新, 方便你查看效果.

源码结构

  • less 存放公共样式, 需要在 style.less 中引用.
  • components 存放 UI 组件, 需要在 index.js 中引用.
  • pages 存放样式页面, 需要在 app.js 中配置路径.

发布代码

执行如下命令就可以生成演示项目的发布版.

npm run build