前提:创建好了一个vue3项目
1.1 集成Ant Design Vue
$ npm install ant-design-vue@next --save
如果需要指定版本号安装
$ npm install ant-design-vue@2.0.0-rc.3 --save
1.2 使用组件
-
完整引入
-
局部引入
import { createApp } from 'vue';
import { Button, message } from 'ant-design-vue';
import App from './App';
const app = createApp(App);
app.config.productionTip = false;
/* 会自动注册 Button 下的子组件, 例如 Button.Group */
app.use(Button).mount('#app');
app.config.globalProperties.$message = message;
-----------------------------------------------
参考官网
2.1 集成Axios
npm install axios --save
2.2 引入Axios
import axios from 'axios';
3.1 下载图标库
npm install --save @ant-design/icons-vue