electron-vue 从项目搭建到开发完成

node环境 V12.19.0

通过electron-vue开发了一个完整项目(数据存储,tab切换,软件更新,添加菜单),记录一下用到的技术点

本项目从开发到发布到更新

1.项目搭建

npm install vue-cli -g

vue create your-project

vue add vue-cli-plugin-electron-builder

npm run electron:serve

 2.数据存储(主要存储系统的设置变量和登录用户的用户名)

const Store = window.require('electron-store');
const electronStore = new Store();

const {remote} =  window.require('electron');
const {app} = remote;
const appPath = app.getAppPath();

// electronStore.delete("userData");

const defaultSystemConfig = {
	saveDir:appPath,
	msgAudio:true,
	deskNotice:true,
	MsgDetail:false,
	unreadMsgNum:true,
	italkinIcon:true,
	softUpdateConfig:false
}
const systemConfig = electronStore.get('systemConfig')||defaultSystemConfig

const userData = electronStore.get("userData")||[];

猜你喜欢

转载自blog.csdn.net/cuiyuchen111/article/details/112395221
今日推荐