vue-cli3.0 ant-design-vue快速上手

1

在vue-ui中，安装插件：ant-design-vue

或者在vscdoe中输入：

npm install ant-design-vue --save

 

2.vscode中输入：

npm install babel-plugin-import --save-dev

 

3.配置babel.config.js

module.exports = {

presets: ["@vue/app"],

plugins: [

[

"import",

{ libraryName: "ant-design-vue", libraryDirectory: "es", style: "css" }

] // `style: true` 会加载 less 文件

]

};

 

4.main.js，加入下面三行代码：

import { Button } from "ant-design-vue";



Vue.component(Button.name, Button);



import "ant-design-vue/dist/antd.css";

 

5.测试