Skip to content

lml1848687/Scorpio

Repository files navigation

Scorpio - 一个初级的 Vue UI 组件

Build Status

介绍

这是我在学习 Vue 过程中做的一个 UI 框架,后续在工作中会不断的更新迭代原有的代码及组件。

  • 该框架参考了 element、antDesign 的 UI 界面及 API 设计
  • 适应 PC 端和移动端
  • 使用了 VuePress 搭建 UI 框架官网
  • 目前共完成 11 个 UI 组件:Button、Input、Grid、Layout、Collapse、Cascader、Popover、Toast、Slides、Tabs、Nav
  • 使用 vue-test-utils 写单元测试,由于时间有限后期会慢慢完成所有组件的单元测试代码
  • 使用了 Travis CI 持续集成

使用的技术

  • Vue.js 技术栈,包括但不限于:指令及自定义指令、计算属性、class 动态绑定、条件渲染、列表渲染、事件监听处理、组件注册、props 及校验、插槽、动画过渡、过滤器、多种组件通信方式等
  • 设计模式:单向数据流、测试驱动开发、发布订阅模式、API 正交(props)、可测试代码(在标签加入特殊的属性,方便测试的时候可以找到)
  • 单元测试、覆盖率、持续集成
  • 测试库:Chai、Karma、Sinon、Vue-test-utils、Travis CI

下载源码

  • 下载仓库代码
git clone https://github.com/lml1848687/Scorpio.git
  • 安装依赖
npm install / yarn add
  • 运行
npm run serve / yarn serve

联系方式

License

  • MIT

Releases

No releases published

Packages

No packages published

Languages