vue cli3 + ant-design-vue的使用

之前已经有vue cli3搭建项目的介绍,这里不再赘述。接下来记录下ant-design-vue的安装和使用。

ant-design-vue 的安装

npm install ant-design-vue --save

npm install antd-init -g

main.js文件中引入:

//引入ant-design-vue

import Antd from 'ant-design-vue'

import 'ant-design-vue/dist/antd.css'

Vue.use(Antd)

快速上手使用

api文档地址:

Ant:一组企业级Vue UI组件,完全遵循Ant设计规范。

这里是Ant Design的Vue 完全实现,开发和服务于企业级后台产品。

(https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce/)

注意:按需引用时配置babel.config.js,css可以按需引用,main.js中按需引入组件;

        全局使用时,不能配置babel.config.js,css不可以按需引入,需在main.js中引入ant.css

ant-design-vue 的使用

你可能感兴趣的:(vue cli3 + ant-design-vue的使用)