SAKURA UI

文档

请访问官方网站

介绍

SAKURA UI 是一个不太一样的 UI 框架。

本 UI 框架是一个「从零开始」的框架。任何想从零开始制作 UI 库的人都可以参考，如果对你有帮助，请不要吝惜你的 star。

如果你对代码有疑问，欢迎提issue

注意：本 UI 框架的代码尚未完全完工，请不要在生产环境中使用本 UI 框架。

我都用到了什么知识

1. 单元测试、覆盖率、持续集成等工程概念
2. 重构、TDD/BDD、设计模式、单向数据流等技术概念
3. Vue 2.0 的大部分功能。

目前有哪些轮子

• 已完成轮子：Grid-网格、Layout-布局、Icon-图标、Input-输入框、Tabs-标签页、Popover-消息提示、Toast-通知 Collapse-折叠面板、Cascader-级联选择器、Slides-轮播、Validate-表单验证

• 计划中：响应式导航条、分页、表单验证、Table、图片上传、Sticky、Tree、Scroll、Datepicker

项目特点

1. 使用 Travis CI 进行持续集成（PS：免费又好用 →_→）
2. 有丰富的单元测试，项目完成时，期望测试覆盖率超过 90%
3. 自说明的代码，即使没有注释，你也能看懂
4. 初期我使用 parcel 构建方便新人上手，后期改为 Vue Cli 3 以实现更多功能

视觉稿

如果你觉得我的 UI 库很眼熟，没错...本 UI 框架借鉴了一些市面上成熟 UI 框架（如 iview、Framework7、Element UI 和 Ant Design）的外观， 并在符合主流市场审美的基础上做了一些调整，做到了既一样又不一样。

为什么叫SAKURA

因为樱花小而美，正如本 UI 库特点。

怎么从零开始

1. 安装依赖

   npm install

2. 启动 dev server

   npm start

联系方式

欢迎添加微信交流 ^.^