配置vue3.0 + Ant Design Vue

前言:上篇文章记录了如何搭建vue3.0版本的项目,今天来对vue3.0来记录一下如何开配置UI框架Ant Design Vue
一、配置UI框架Ant Design Vue
(1)首先control c停掉项目运行,然后运行以下指令安装依赖(建议使用cnpm来安装),package.json里边出现下图内容说明安装成功。
安装命令:cnpm i --save ant-design-vue@next -S
在这里插入图片描述

(2)安装之后,需要在main.js中全局引入(需要局部引入组件的请参考官网:https://www.antdv.com/docs/vue/getting-started-cn/)
import Antd from ‘ant-design-vue’;
import ‘ant-design-vue/dist/antd.css’;

在这里插入图片描述

(3)然后拉一个ant-design-vue的组件进行测试一下:
在这里插入图片描述
这里看一下页面,已经引入成功,然后就可以用ant-design-vue里边的任何一个ui组件来进行开发啦!在这里插入图片描述
为了方便童鞋们的审阅,vue3.0的环境配置和接口封装的配置将在下一篇文章中讲到,感兴趣的童鞋持续关注一下吧~

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值