【Electron】使用vue-electron+electron-store创建项目，NSIS打包为exe可安装文件

【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，记录一下