vue3中 使用typescript 如何全局引入ant design vue

要在Vue3中使用TypeScript并全局引入Ant Design Vue，您可以按照以下步骤操作：

1. 安装Ant Design Vue

npm install ant-design-vue --save

2. 在main.ts中引入Ant Design Vue的样式和组件

import { createApp } from 'vue';
import App from './App.vue';
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';

const app = createApp(App);
app.use(Antd);
app.mount('#app');

3. 在tsconfig.json中添加Ant Design Vue的类型定义

{
  "compilerOptions": {
    //...
    "types": ["webpack-env", "jest", "ant-design-vue"]
  }
}

现在，您已经可以在整个应用程序中使用Ant Design Vue组件和样式了。例如，在组件中使用Button组件：

<template>
  <a-button type="primary">Primary Button</a-button>
</template>

<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'MyButton',
});
</script>