集成element-plus
// 集成element-plus
F:\创建vue项目\yourporject>npm install element-plus --save

集成完成后会生成一个lock文件,package.json 里会多如下截图
引入

备注: 官方推荐的方式就是在引入Element时进行设置,z-index的初始值,如果不设置默认是2000 很多组件库的层级是大于2000的使用默认的话会产生遮罩情况 以下是官方说法:

如果有这个报错

在这个文件加个声明即可,也可以自己创建个.d.ts文件声明也可以
上面的vue那里报错,删除type即可

随便写个按钮用于测试是否整合成功

运行 npm run serve

出现这个界面说明成功了!
本文介绍了如何从零开始构建一个Vue3.0结合Electron和Element-Plus的项目。在集成Element-Plus后,会生成lock文件,并在package.json中增加相关配置。需要注意设置Element的z-index以避免组件层级问题。解决Vue类型的报错,通过删除type并添加声明文件,最后通过运行npm run serve验证项目整合成功。
1637

被折叠的 条评论
为什么被折叠?



