素材巴巴 > 程序开发 >

配置vue3.0 Ant Design Vue

程序开发 2023-09-09 22:21:52

前言:上篇文章记录了如何搭建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的环境配置和接口封装的配置将在下一篇文章中讲到,感兴趣的童鞋持续关注一下吧~


标签:

上一篇: [Vue.Draggable]拖拽后不占位置 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。