Vue+Ant design vue安装及配置使用
Vue+Ant design vue安装及配置使用#
Ant design vue官网:https://www.antdv.com/docs/vue/introduce-cn/
基于 Ant Design of Vue 实现的Vue项目 :https://gitee.com/sendya/ant-design-pro-vue
推荐一个图标库阿里iconfont : https://www.iconfont.cn/
阿里iconfont基本使用:https://blog.csdn.net/xj932956499/article/details/103251355
一、认识Ant design vue#
ant-design-vue是蚂蚁金服 Ant Design 官方唯一推荐的Vue版UI组件库,它其实是Ant Design的Vue实现,组件的风格与Ant Design保持同步,组件的html结构和css样式也保持一致。 用下来发现它的确称得上为数不多的完整的VUE组件库与开发方案集成项目。
二、安装及基本配置#
首先需要有一个vue项目安装vue项目可以参考:https://www.cnblogs.com/tjw-bk/p/13747853.html
- 使用 npm 或 yarn 安装
$ npm install ant-design-vue --save
$ yarn add ant-design-vue
如果你的网络环境不佳,推荐使用 cnpm。
- 在main.js中全局配置
//全局配置ant-design-vue
//安装下载npm install ant-design-vue --save
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
import 'element-ui/lib/theme-chalk/index.css'
import {Button} from 'ant-design-vue';
Vue.use(Antd);
Vue.use(Button);
作者:就学45分钟
出处:https://www.cnblogs.com/tjw-bk/p/14037793.html
版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。
如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
分类:
前端--Vue.js
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了