Antd-vue的安装方法

最新推荐文章于 2024-06-10 01:56:33 发布

科学的王先生

最新推荐文章于 2024-06-10 01:56:33 发布

阅读量2.1k

点赞数

分类专栏： Vue Antd-vue 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_46387376/article/details/124069920

版权

本文介绍了Antd-vue的安装方法，包括npm和yarn的安装方式，并提供了引入ant-design-vue的步骤，从全局到局部导入组件的详细过程。同时，讲解了在vue-cli 3中如何创建项目、配置项目并引入Antd，确保样式文件的正确引入。

摘要由CSDN通过智能技术生成

安装方法:

推荐使用npm或者yarn方法进行安装，在开发环境中可以轻松进行测试，也可以在生产环境打包部署使用，享受yarn和npm的生态圈和工具链带来的一些好处

npm安装方法:

npm install ant-design-vue --save

yarn安装方法:

yarn add ant-design-vue

建议使用cnpm来代替npm安装

import Vue from 'vue';
import {
    DatePicker } from 'ant-design-vue';
Vue.use(DatePicker);

引入样式:

import 'ant-design-vue/dist/antd.css'; or 'ant-design-vue/dist/antd.less'

然后只需从 ant-design-vue 引入模块即可，无需单独引入样式。等同于下面手动引入的方式。

# babel-plugin-import 会帮助你加载 JS 和 CSS
import {
    DatePicker } from 'ant-design-vue';

手动引入

import DatePicker from 'ant-design-vue/lib/date-picker'; # 加载 JS
import 'ant-design-vue/lib/date-picker/style/css'

关注