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

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

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

vue 下搭建ant design环境选择 default 默认选项 确定

vue 下搭建ant design环境

 

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

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

vue 下搭建ant design环境

 

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

vue 下搭建ant design环境

 

 vue 下搭建ant design环境

 

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

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

vue 下搭建ant design环境

 

 

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

vue 下搭建ant design环境

 

相关文章:

  • 2021-05-01
  • 2021-08-23
  • 2022-01-23
  • 2022-12-23
  • 2022-12-23
  • 2021-06-03
  • 2021-05-08
  • 2021-07-10
猜你喜欢
  • 2021-07-29
  • 2021-12-23
  • 2021-11-27
  • 2022-02-06
  • 2022-02-27
  • 2021-05-22
  • 2021-07-01
相关资源
相似解决方案