Ant Design for vue

1、安装 ant-design

$ npm install ant-design-vue --save

实例:

import Vue from 'vue';
import { DatePicker } from 'ant-design-vue';
Vue.use(DatePicker);

引入样式:

import 'ant-design-vue/dist/antd.css';  // or 'ant-design-vue/dist/antd.less'

2、使用 babel-plugin-import按需引入组件

  • 安装babel-plugin-import
npm i babel-plugin-import -D
  • 找到.babelrc文件,在plugin中配置:
"plugins": [
    [
      "import",
      {
        "libraryName": "ant-design-vue",
        "libraryDirectory": "es",
        "style": "css"
      }
    ]
]

 

你可能感兴趣的:(Ant Design for vue)