zyfui v0.1.1

zyf UI

安装

npm install zyfui

# or

yarn add zyfui

# or (推荐)

pnpm install zyfui

快速入手

main.js

import 'zyfui/dist/style.css'

import { createApp } from "vue";
import App from "./App.vue";
import { createZyfUI } from "zyfui";

createApp(App).use(createZyfUI()).mount("#app");

开发

新建

src -> components -> 新建组件文件 ( 例：zyf-text -> ZyfText.vue )

注册

components -> index.js

export { default as ZyfText } from "./zyf-text/ZyfText.vue";

组件文档

https://zuowendong.github.io/zyfui/

组件测试

基于cypress组件级测试

运行指令

pnpm test

新建组件测试用例 *.cy.js

部署测试

本地全局安装 verdaccio

pnpm i verdaccio -g

登录 verdaccio 上传项目

pnpm login --registry=http://localhost:4873

npm publish --registry=http://localhost:4873

另开一个项目，本地安装zyfui

pnpm i zyfui --registry=http://localhost:4873