安装

中文官网：https://www.antdv.com/components/overview-cn
文档：https://www.antdv.com/docs/vue/introduce-cn
安装：https://www.antdv.com/docs/vue/getting-started-cn

项目根目录下执行：

bash

npm install ant-design-vue --save

项目中完整引入

在main.js文件中进行完整注册：

javascript

import { createApp } from 'vue'
import App from './App.vue'

// 下面这两行
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css'; // or 'ant-design-vue/dist/antd.less'


const app = createApp(App);
// 然后use下
app.use(Antd)

app.mount('#app');

然后就可以在任何组件中使用了：

vue

<script setup>

</script>

<template>
    <a-button type="primary">Primary Button</a-button>
    <a-button>Default Button</a-button>
    <a-button type="dashed">Dashed Button</a-button>
    <a-button type="text">Text Button</a-button>
    <a-button type="link">Link Button</a-button>
</template>

<style scoped>

</style>

项目中按需引入

参考官档：https://www.antdv.com/docs/vue/getting-started-cn#_3-使用组件

安装 ​

安装