press-tdesign-vue-next

对 TDesign Vue Next 组件库的二次封装。

1. 安装

1.1. 使用包管理器

# NPM
npm install press-tdesign-vue-next

# Yarn
yarn install press-tdesign-vue-next

# pnpm
pnpm install press-tdesign-vue-next

2. 快速开始

2.1. 完整引入

press-tdesign-vue-next 将会在 Vue 应用中进行全局组件注册。

// main.ts
import { createApp } from 'vue';
import PressTDesignVueNext from 'press-tdesign-vue-next';
import 'press-tdesign-vue-next/dist/index.css';

const app = createApp(App);

app.use(PressTDesignVueNext);

2.2. 按需引入

需要在使用组件的地方手动对 组件 进行导入。

<!-- App.vue -->
<template>
  <SidebarItem ... />
</template>

<script setup>
  import { SidebarItem } from 'press-tdesign-vue-next';
</script>

3. 注意事项

组件库打包时会对第三方包如 tdesign-vue-next 、vue、vue-router 进行 externals 处理，所以务必保证使用组件的项目中导入必须要的第三方库。