[JavaScript知识库]【Ant Design Vue】那就从建项目开始

题外话

Ant Design给Vue也出了一套组件库，下面这张图是从Ant Design Vue官网截下来的

嗯，如果你用过其他组件库，那相信你也会觉得使用Ant Design并不愉悦。除了组件好看些，剩下都是缺点。

那为什么我要使用呢？前面说了，好看。吐糟完毕，下面正是开始吧！

建项目

先创建一个vue项目

vue create project-name

安装Ant Design Vue

使用npm

npm install ant-design-vue --save

或者使用yarn

yarn add ant-design-vue

引入
在main.js中添加如下代码：

import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
Vue.use(Antd);

使用第一个组件

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

运行结果：

好了，组件库引入成功，后面的文章将带大家对组件进行逐个使用，并分享开发中遇到的特殊用法，建议收藏