1.运行vue ui 命令,打开图形化界面;创建一个vue项目。

2.点击插件,添加插件;

vue系列---【vue项目如何使用图形化界面自动安装element-ui,实现按需导入?】_图形化界面

 

3.搜索vue-cli-plugin-element并安装;

vue系列---【vue项目如何使用图形化界面自动安装element-ui,实现按需导入?】_图形化界面_02

 

 4.配置插件,实现按需导入,从而减少打包后项目的体积;

vue系列---【vue项目如何使用图形化界面自动安装element-ui,实现按需导入?】_搜索_03

 

 5.继续,跳到下一个页面,如图,安装成功;

vue系列---【vue项目如何使用图形化界面自动安装element-ui,实现按需导入?】_搜索_04

 

 6.找到需要的element-ui组件,粘贴进组件中即可。

vue系列---【vue项目如何使用图形化界面自动安装element-ui,实现按需导入?】_图形化界面_05

 

 7.如图;

vue系列---【vue项目如何使用图形化界面自动安装element-ui,实现按需导入?】_搜索_06

 

 8.执行:npm run serve 命令,如图,图形化界面安装element-ui大功告成!

vue系列---【vue项目如何使用图形化界面自动安装element-ui,实现按需导入?】_图形化界面_07