灵感来自于 iOS Human Style Guide。

Human 基于 Vue2 开发，旨在为用户提供一套响应式的 Vue 组件库，帮助开发者快速构造 Web 应用。Human 支持多种应用场景，可以开发 mobile 场景应用，如微信应用、iOS App 或者 Android App；同样也可以开发管理后台（Dashboard）的应用。

但 Human 的开发理念是移动先行，进而向上适配桌面游览器。如：“数据行展示”是一个管理后台常见的需求，为了实现移动版的较好显示效果，我们最终使用 Cell 布局取代传统 Table 布局。这样的做法是 Human 开发理念的体现，为了构造更好的响应式组件库，所以我们会从 UE、UX 的角度出发，重新设计组件的 UI。

github

HumanUI/vue-human，建议在 github 上关注（Star）Vue Human 项目，并参与 Vue Human 项目的改进！

如何使用 Vue Human

查看 HumanUI/webpack 的文档，并使用该工具构建 Vue Human。

目录结构

suites         # 组件文件所在目录（建议可在项目中直接引入该文件夹的文件）
utils          # 类和方法库（建议可在项目中直接引入该文件夹的文件）
scss           # 全局样式与方法目录（建议可在项目中直接引入该文件夹的文件）
docs           # 文档（npm 包中不输出）
examples       # 测试案例（npm包 中不输出）
index.js       # vue-human 入口文件（建议可在项目中直接引入该文件夹的文件）

必备知识点

要先对 ES6、Webpack、lodash、Vue、vue-cli、vue-router、vuex 有充分的了解。