vue 下搭建ant design环境

之前用ant-design-vue组件在vue页面下使用 一不小心就会出现编译错误,网上不是搭建教程都是不太准确,现整理下

1.根据ant design vue 官网的假定条件 已经安装了nodejs 和 npm 或yarn 包管理工具

2. 在控制台输入命令 vue create -【项目名】 如:vue create antdemo2  这一句主要是使用vue命令创建vue的项目 

选择 default 默认选项 确定

 vue 会自动帮我妈获取项目所需的包文件,等待加载完毕

3.根据提示 输入 cd antdemo2 命令,进入antdemo2目录中 

 4.输入yarn add ant-design-vue 添加 ant-design-vue 的空间包,等待加载完毕

 

这时我们看到node_modules中已经添加了 ant-design-vue的包

5.我们到项目的main.js 文件中添加 ant-design-vue 的导入 并在vue中use

6.现在打开页面看看效果吧~~

原文地址:https://www.cnblogs.com/yaoweijun/p/13852837.html