【Electron配置文档】https://www.electronjs.org/docs/api/browser-window
1、electron-vue
vue init simulatedgreg/electron-vue my-project
// 安装依赖请使用npm,yarn会出现未知的错误,可以改为cnpm或改为淘宝镜像
npm install cnpm -g --registry=http://registry.npm.taobao.org
就可以拥有一个 vue-loader 的 webpack、electron-packager 或是 electron-builder,以及一些最常用的插件,如vue-router、vuex 等等的脚手架。
2、electron数据存储 electron-store
npm install [email protected]
or
yarn add [email protected]
// 注意,高版本会有问题
// 使用方式
const Store = require('electron-store');
const store = new Store();
//如果需要加密存储 就用下面的
store.set('unicorn', {
test: {
test001: '8888',
test001A: {
test002: '6565656',
},
},
});
console.log(store.get('unicorn')); //=> '这是需要存储的内容'
// Use dot-notation to access nested properties
store.set('foo.bar', true);
console.log(store.get('foo')); //=> {bar: true}
// store.delete('unicorn');
console.log(store.get('unicorn'));
文件存储路径:C:\Users\mi\AppData\Roaming\__proNane__\config.json
(__proNane__项目名)
3、使用NSIS打包为可安装的exe文件,参考下方链接
https://blog.csdn.net/yu17310133443/article/details/79496499
注:项目启动过程中可能遇见许多不确定的问题,百度一下,基本OK,记录一下