Skip to content
On this page

🔨 Zs-Design-UI是什么?

一个Mini版的组件库,基于Vite栈。为需要学习前端工程化的同学搭建的组件库搭建教学模型。

Features

  • ⚡️ Vue 3, Vite 4, pnpm, ESBuild - born with fastness
  • 🦾 TypeScript, of course
  • 🗂 File based routing
  • ⚙️ Unit Testing with Vitest
  • 😃 Eslint + Prittier
  • 🎨 UnoCSS - the instant on-demand atomic CSS engine
  • 🌍 I18n ready
  • 🚘 CI/CD with GithubActions

Install

bash
npm i zs-design-ui

Quick Start

js
    import Vue from 'vue'
    import zsDesign from 'zs-design'

    const App = {
        template: `
                <MyButton/>
            `,
    };

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

Browser Support

Modern browsers and Internet Explorer 10+.

Join Discussion Group

Scan the QR code using Dingtalk App to join in discussion group :

Join Discusion Group