Vue D-design

一个基于 antd的 Vue3 组件库。

官网

http://d-design.mawenqing.net/

如何使用

进入你的项目文件夹，使用 NPM 安装d-design

npm i d-design

3. 引入插件和样式

在src/main.ts文件中写入以下内容

import DDesign from 'd-design';

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

4. 使用

在src/App.vue文件的<template>中增加以下内容

<template>
  <!-- 使用 Button 组件 -->
  <da-button>确定</da-button>
</template>

组件范式

3.1 各组件目录规范

统一目录 都放在packages

统一结构

├── components // 组件目录
├── style  // 样式
├── index.ts // 导出的文件

组件库本地开发

组件本地开发

1、packages下按目录规范创建你的组件

2、组件库项目link到全局

npm link

3、其他任意项目 把D-design link到本项目node_modules

npm link d-design

4、引入测试

import { ChooseUser } from 'd-design';

https://vitepress.vuejs.org/guide/api#clientonly