使用vue-cli创建ant-design项目

  1. 查看vue-cli版本，使用vue -V

  2. 创建新项目vue create ant-demo，并进行自定义配置

  3. 引入ant-design，使用yarn add ant-design-vue,如果使用vue2，则需要安装ant-design的1版本，使用如下命令yarn add ant-design-vue@1.7.8

  4. 全局引入样式

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    import Vue from "vue";
    import App from "./App.vue";
    import router from "./router";
    import store from "./store";
    // 新增代码：引入全部组件及样式
    import Antd from 'ant-design-vue'
    import 'ant-design-vue/dist/antd.css'

    // 新增代码：注册全部组件
    Vue.use(Antd)
    Vue.config.productionTip = false;

    new Vue({
      router,
      store,
      render: h => h(App)
    }).$mount("#app");