二、vue使用element-ui组件

注意：我这里用的是idea来演示操作，vscode也是同样的流程。

idea下载链接：idea下载链接
vscode下载链接：vscode下载链接

1. 打开软件的终端，去到vue项目路径下。

2.进入项目路径后输入。

npm i element-ui -S

成功的情况返回
I.失败的情况返回
II.解决方法：

1. 清理缓存（可以跳过这一步，如果不行就加上再来一遍）：npm cache clean --force
2. 删除package-lock.json：package-lock.json在package.json同级，删除即可。
   

III.以上操作做完后输入在终端分别输入以下两个命令

npm i
npm i element-ui -S

IIII.查看返回是否是上面成功案例的图片

3.在项目的src文件下的main.js里导入element-ui包

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css'

4.使用element-ui并设置组件大小

Vue.use(ElementUI,{size:"mini"})

5.到这里就可以测试一下，如果没有提示的话重启一下软件。