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.现在打开页面看看效果吧~~