Leadong-ui

基于 Element-plua 二次封装 LEADONG-UED 组件库

介绍

基于 vue3+ ts+ Element-plus 二次封装组件

npm 方式安装使用

pnpm install leadong-ui

全局注册使用

// 在main.js中按下引入
import 'leadong-ui/es/style.css';
import LEADONGUI from 'leadong-ui';

app.use(ElementPlus);

按需引入

// 在main.js中按下引入
import '@wocwin/t-ui-plus/lib/style.css';
// 单个.vue文件引入
import Vue from 'vue';
import { LDButton } from 'leadong-ui';

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

createApp(App).mount('#app');

本地运行

安装依赖

pnpm install

本地运行 vuepress 中组件文档

// docs项目(文档demo示例)基于vue3+vite项目
pnpm docs:dev
// 打包文档
pnpm docs:build

# 安装git hooks(安装githoos,提交前会进行文件校验)
husky install

• 建议安装插件

  • ESlint
  • ESLint Chinese Rules
  • Stylelint