美文网首页
vue cli3 + ant-design-vue的使用

vue cli3 + ant-design-vue的使用

作者: 唯吾听烟雨 | 来源:发表于2020-12-17 19:32 被阅读0次

    之前已经有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 DesignVue 完全实现,开发和服务于企业级后台产品。

    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的使用

          本文链接:https://www.haomeiwen.com/subject/anxzgktx.html