genedesign

Gene Design Vue 2.0: A Vue.js 3 UI Library
3,415
Install
npm install genedesign
Latest Version:1.1.22
Vue:3
License:MIT
Last Updated:Mar 5, 2026
Links: GitHub  ·  npm
Maintainer: huangxp3
Gene Design Logo

Gene Design

基于 Gene Design 的 Vue UI 组件库。

English | 简体中文

特性

全面

60多个开箱即用的高质量组件, 可以覆盖绝大部份的业务场景。

TypeScript 友好

所有组件都是用 TypeScript 编写的,所以天然的类型友好。

安装

npm package

// with npm
npm install genedesign

// with yarn
yarn add genedesign

例子

import { createApp } from 'vue'
import geneVue from 'genedesign';
import App from './App.vue';
import 'genedesign/dist/gene.css';

const app = createApp(App);
app.use(geneVue);
app.mount('#app');

开发

  1. 使用 npm install -g 安装 lerna 和 yarn 等基础包

  2. 使用 yarn install 安装 workspaces 中各个包的依赖(如果遇到 YN0018 错误,可以使用 YARN_CHECKSUM_BEHAVIOR=update yarn 进行安装)

  3. 使用 npm run init 初始化项目

Related Packages

vue

The progressive JavaScript framework for building modern web UI.

588,019,132 54,801
vue
@vueuse/shared
372,738,348 22,398
@vueuse/core

Collection of essential Vue Composition Utilities

367,188,523 22,398
@vitejs/plugin-vue

The official plugin for Vue SFC support in Vite.

333,357,380 686
eslint-plugin-vue

Official ESLint plugin for Vue.js

266,364,830 4,591

Version History

Version Released Vue License
1.1.22 >=3.1.0 MIT
1.1.21 >=3.1.0 MIT
1.1.20 >=3.1.0 MIT
1.1.19 >=3.1.0 MIT
1.1.18 >=3.1.0 MIT