Ant Design Vue学习笔记

1. Vue3.x项目在安装Ant Design Vue时，需要指定Ant Design Vue的版本（至少在2.x以上）

Ant Design Vue包地址

安装命令： npm i ant-design-vue@next

2. Vue3.x项目使用Ant Design Vue 图标步骤

2.1 安装图标库
指令：npm install --save @ant-design/icons-vue
2.2 引入图标组件并注册

<script>
import { defineComponent } from "vue";
import { HomeOutlined } from "@ant-design/icons-vue";
export default defineComponent({
  components: {
    HomeOutlined,
  },
});
</script>

2.3 使用图标

 <span><HomeOutlined></HomeOutlined></span>

3.安装ant-design-vue/pro-layout

安装命令：yarn add @ant-design-vue/pro-layout@1.0.8