[JavaScript知识库]Ant Design Vue的安装和使用（vue2安装不了的原因）

项目场景：

使用Ant Design Vue UI组件库的链接：Ant Design VueAn enterprise-class UI components based on Ant Design and Vuehttps://1x.antdv.com/docs/vue/introduce-cn/#%E5%AE%89%E8%A3%85

问题描述

在做vue的项目时想全局导入，但是安装失败（使用的是官网的安装命令）

npm install ant-design-vue --save

?

原因分析：

后来当创建vue3项目时才能使用官网的命令安装，发现是版本不兼容的问题，官网的安装指令只适用于vue3，而在创建选择vue的时候选择的是vue2.x，并不兼容最新版本的ant-desing-vue

解决方案：

1、安装必须要有环境

?npm install -g @vue/cli

2、安装指定版本的ant-design-vue UI框架（当项目为vue2项目时）

npm i --save?ant-design-vue@1.7.2

vue2的引入

import Vue from 'vue';
import { DatePicker } from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css'; // or 'ant-design-vue/dist/antd.less'

Vue.use(DatePicker);

vue3的引入

import { DatePicker } from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css'; // or 'ant-design-vue/dist/antd.less'

app.use(DatePicker);