jimmey-wheel

jimmey-wheel UI

官方文档

jimmey-wheel UI 是一个面向学习造轮子的 UI 框架，详细的 commit 记录了我学习造轮子过程中的思路。

它是一个「面向源码阅读者」的框架。如果对你有帮助，希望可以 star。

如果你对代码有疑问，欢迎提 issue，我会回答你的疑问。

本 UI 框架是基于 Vue 2 实现的。

注意：本 UI 框架的代码仅用于学习，请不要在生产环境中使用本 UI 框架。

有哪些轮子

• button、input、grid、layout、Toast(弹框)、Tabs、Popover(弹出层)、slides(无缝轮播)、Cascader(级联选择)

注意：以上轮子的基本功能均已完成，后续可能会添加一些复杂性的轮子。

项目特点

1. 使用 Travis CI 进行持续集成
2. 有丰富的单元测试
3. 自说明的代码，即使没有注释，你也能看懂
4. 初期我使用 parcel 构建方便上手，后期改为 Vue Cli 3 以实现更多功能

背景

在本人近几年的工作中，使用了各种轮子进行业务开发，其中包括原生 js 封装的业务组件、Ant Design(包含了 Vue、React、Angular 三个框架的常用组件)、Element UI、vant UI 等 UI 框架，深切的感受到了好的轮子给工作带来的便利性和高效性。

由于受到了这些流行的 UI 框架的启发，同时也为了提升自身造轮子的能力，我决定在工作之余时间来完成一个属于自己的轮子。

为了顺应前端的潮流，我采用了 Vue 2 来造轮子，如果你对 Vue 2 感兴趣，希望这个项目可以对你有所帮助。

样式模板

本 UI 框架借鉴了一些成熟 UI 框架（如 Element UI 和 Ant Design）的外观。 如果你发现有什么不足的地方，请提出你宝贵的建议。

源码学习

1. 安装依赖

   yarn install
   

2. 启动 dev server

   yarn serve