lb-vue-ui

介绍

lb-vue-ui 是一个基于 Vue 3 的组件库，提供了一系列高质量的 UI 组件，帮助开发者快速构建现代化的 Web 应用。

使用手册链接

https://littleblacky.github.io/lb-vue-ui/

软件架构

• 基于 Vue 3 和 TypeScript 构建
• 使用 Composition API 编写
• 支持按需加载
• 提供完整的 TypeScript 类型定义

安装教程

# 使用 npm
npm install @littleblacky/lb-vue-ui

# 使用 yarn
yarn add @littleblacky/lb-vue-ui

# 使用 pnpm
pnpm add @littleblacky/lb-vue-ui

使用说明

全量导入

import { createApp } from "vue";
import LbVue from "@littleblacky/lb-vue-ui";
import "@littleblacky/lb-vue-ui/style";

const app = createApp(App);
app.use(LbVue);
app.mount("#app");

按需导入

<script setup>
import { LbButton } from "@littleblacky/lb-vue-ui";
import "@littleblacky/lb-vue-ui/style";

</script>

<template>
  <lb-button>按钮</lb-button>
</template>

自动按需导入

需要安装 unplugin-vue-components 插件

// vite.config.js
import Components from "unplugin-vue-components/vite";
import { LbResolver } from "@littleblacky/lb-vue-ui/resolver";

export default {
  plugins: [
    Components({
      resolvers: [LbResolver()],
    }),
  ],
};

后续可以直接使用组件，不需要手动引入

<script setup>
  
</script>

<template>
  <lb-button>按钮</lb-button>
</template>