使用Ant Design vue框架搭建项目

此处省略安装node.js及npm。

1.首先npm install --global vue-cli安装vue脚手架。
2.npm install ant-design-vue --save 安装ant-design-vue。
3.项目引入ant-design-vue

在main.js里面引入

import ant from 'ant-design-vue'

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

Vue.use(ant);

到此你就可以使用它的组件了。【注意：如果你不需要自定义主题颜色，把import的less文件改为css文件】

4.自定义主题颜色配置：

在项目根目录建立  vue.config.js  文件，这里你可以修改主题的颜色（默认为蓝色）

随便引用一个控件，运行项目查看效果：