项目中集成ant-design-vue

进入web项目目录安装ant-design-vue

cd web/
npm install [email protected] --save

配置main.ts

在这里插入图片描述

// 引入插件的地方
import {createApp} from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
// 引入ant-design-vue
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';

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

在页面添加ant-design-vue按钮看看是否引入成功

在这里插入图片描述

具体可以参照官方文档

Ant Design of Vue

猜你喜欢

转载自blog.csdn.net/shark_chili3007/article/details/121490282