NSFI/fishd-mobile
 Watch    6
 Star    51
 Fork    8

logo

ppfish-mobile

tag tag tag tag

在线文档

快速开始

npm i ppfish-mobile --save

贡献指南

# 安装依赖
npm install

# 启动开发环境
npm run dev

# 编译文档站点
npm run build

# 发布文档站点
npm run publish:site

# 编译组件库
npm run build:lib
npm run build:dist

# 发布组件库
npm publish

如何开发一个组件

  1. 全局安装fishd-mobile-tools
npm i fishd-mobile-tools -g
  1. 在组件库项目根目录执行命令
fm create 组件名称
  1. 在/source/components/index 引入创建的组件
  2. 在site/docs/zh-CN 中创建组件说明文档,文档中:::demo部分会被编译成预览demo
  3. 在site/config 配置组件

文档即DEMO

  • 在开发组件时,我们只需要单独维护【组件.md】即可,fishd-doc插件会自动编译markdown中的demo并通过文档库站点实时预览。
  • 具体使用方法参见fishd-doc

单元测试

  • jest
  • enzyme
  • antd、ppfish
    • 组件UI测试:snapshot,有一个统一的实现方法demoTest.js,去render打快照(demo.test.js)
    • 交互逻辑测试(index.test.js)
  • vant 列了一些交互逻辑测试

LICENSE

MIT

关于
Fish Design 移动端组件库
最后更新于  2023-11-17 14:55:43
License