Press Components

Appearance

使用 Press TDesign Vue Next ​

1. 安装 ​

1.1. 使用包管理器 ​

shell
# NPM
npm install press-tdesign-vue-next

# Yarn
yarn install press-tdesign-vue-next

# pnpm
pnpm install press-tdesign-vue-next

2. 快速开始 ​

2.1. 完整引入 ​

在 Vue 应用中 全局注册 press-tdesign-vue-next

ts
// 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. 按需引入 ​

在使用组件的地方手动导入

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

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

3. 注意事项 ​

关于原生库

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