使用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文件

使用Ant Design vue框架搭建项目

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

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

使用Ant Design vue框架搭建项目

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

使用Ant Design vue框架搭建项目