vue-cli 3.0脚手架，从入门到放弃（五）-Ant Design-vue

我们用现在比较流行的框架Ant-Design-vue，来学习下这个UI框架。

Ant-Design-vue官网

安装

官方有两种安装方法，一种是用npm

 npm install ant-design-vue --save

另个是yarn

yarn add ant-design-vue

安装完成后，在package.json 里检查是否安装好

ps：装的时候遇到个问题， 项目必须有sass，sass看上篇，或者less，（sass最好，less我没试过）安装less

npm install less less-loader --save

引入

ant引入有两种

一、全量引入

打开main.js，输入

import ant from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'

Vue.use(ant)

全量引入就成功了，找个页面试试，复制粘贴个控件，比如button

 <a-button type="primary">Primary</a-button>

然后run项目，

发现，我们的按钮已经上去了。说明引入成功。