上期我们建完 electron-vue+element-ui 的初期环境,这期我们接着将其完整,搭建vue全家桶项目并将其移植到electron-vue。
一、vue项目移植
1、将新建的vue项目,有关vue全家桶的项目搭建请看这边文章:vue全家桶项目搭建
2、将vue项目 src
文件夹下的所有目录复制到本项目 renderer
文件夹,在这里的目录结构就和普通vue项目src的结构一样了。
其中main文件夹主要是electron主进程处理事件及监听等处理,index.js是主进程的入口。
二、正式开发
剩下的就和普通的vue项目差别不大了,这里需要注意的是index.ejs就是整个项目的入口。
比如在打开软件时增加loading效果,就可以在这里添加,很简单。
如图:
后面有时间再讲一讲electron的打包、升级、常用系统事件及监听等。
Electron-vue搭建vue全家桶+Element UI客户端(二)
最新推荐文章于 2024-10-09 16:34:39 发布