初始vue项目如何引入ant-design-vue布局组件

新建vue项目

在预定vue项目的目录下进入cmd模式，输入**vue create project_name*，选定vue2项目或者是vue3项目之后，看到“Successfully created project vue.”

我目标做一个导航菜单，所以引入ant组件，https://www.antdv.com/components/layout-cn，在初建项目中粘贴layout布局。


此时，页面渲染只有文字信息，如何让组件布局渲染到目标格式呢？
需要在项目中安装ant-design-vue，npm install ant-design-vue@1.7.8（具体版本看你项目适配），然后在项目main.js中添加以下指令：

// 新增代码：引入全部组件及样式
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
 
// 新增代码：注册全部组件
Vue.use(Antd)

保存编译后，可以看到目标渲染结果。