其他分享
首页 > 其他分享> > electron-vue 从项目搭建到开发完成

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")||[];

标签:userData,vue,const,electronStore,electron,true,搭建
来源: https://blog.csdn.net/cuiyuchen111/article/details/112395221