antdvue全局引入

Ant Design Vue (简称"antdv") 全局引入是为了在整个Vue应用中方便地使用Ant Design提供的组件和样式。以下是全局引入的步骤：

1. 安装依赖：首先确保已经安装了`@ant-design/vue`库，如果没有，可以使用npm或yarn命令安装：

   npm install @ant-design/icons @ant-design/components @ant-design/vue
   或者
   yarn add @ant-design/icons @ant-design/components @ant-design/vue

2. 配置文件设置：在项目根目录下的`main.js`、` quasar.conf.js`（Quasar框架下）或`vue.config.js`（Vue CLI项目）中，导入并配置Ant Design Vue的全局样式和组件。

- `main.js`示例:

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

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

- Quasar框架的`quasar.conf.js`:

     import Vue from 'vue';
     import Antd from 'ant-design-vue';

     Vue.use(Antd);
     // 可选：添加主题
     import 'ant-design-vue/dist/variables.scss';

- Vue CLI项目的`vue.config.js`:

     module.exports = {
       chainWebpack: config => {
         config.module
           .rule('ant-design')
           .use('import')
           .loader('import-loader')
           .options({
             libraryName: 'ant-design-vue',
             libraryDirectory: 'es',
             style: true,
           });
       },
     };

3. 使用组件：现在，你可以在整个Vue应用中直接使用`<a-button>`、`<a-layout>`等Ant Design的组件了，无需每次都显式导入。