vue2如何安装引入Ant Design
作者：SuperYiY
这篇文章主要介绍了vue2如何安装引入Ant Design问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
前言
antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。
而Vue框架是搭配 Ant Design Vue;
Vue3安装
npm install --save ant-design-vue
安装为Ant Design Vue的最新版，与Vue3适配；
而是vue2项目需指定版本号为1.x.x，否则会出错
若出错需要卸载 npm uninstall ant-design-vue ，重新安装
Vue2安装
@ 指定版本号
npm install --save ant-design-vue@1.7.8
main引入
在main.js文件中
import Antd from 'ant-design-vue'; import 'ant-design-vue/dist/antd.css'; Vue.use(Antd);
简单使用
例子：描述列表
<a-descriptions bordered title="用户信息">
<a-descriptions-item label="UserName">
蔡小艺
</a-descriptions-item>
<a-descriptions-item label="Telephone">
1810000000
</a-descriptions-item>
<a-descriptions-item label="Live">
广东 广州
</a-descriptions-item>
<a-descriptions-item label="Remark">
empty
</a-descriptions-item>
<a-descriptions-item label="Address">
宇宙最深处的前端
</a-descriptions-item>
</a-descriptions>
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。