之前已经有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 的使用