【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 electron-store@4.0.0
or
yarn add electron-store@4.0.0
// 注意，高版本会有问题// 使用方式
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，记录一下

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

@vue/cli3--使用命令创建项目--方法/实例
原文网址:@vue/cli3--使用命令创建项目--方法/实例_IT利刃出鞘的博客-CSDN博客简介说明本文用实例来介绍vue-cli3如何使用命令来创建项目. 系列文章 Vue-cli2--使 ...
vue ui 可视化界面创建项目报错：command failed: yarn --json。。。。。
清除npm缓存 npm cache clean --force 然后重新启动 vue ui,这次创建项目成功了
Vue 项目打包为 exe 可安装程序
前言使用 Electron 和 Inno Setup 将 vue项目打包为 exe 可安装程序 1 ).Electron 下载安装方式官网地址 git仓库下载地址 git clone https: ...
vue的视图化创建项目_vue-cli3用图形化的方式创建项目
Vue脚手架可以快速生成Vue项目基础的架构. A.安装3.x版本的Vue脚手架: npm install -g @vue/cli B.基于3.x版本的脚手架创建Vue项目: 1).使用命令创建Vue ...
Vue 3 + TypeScript + Vite创建项目并安装常用插件
创建项目创建项目 npm init vite √ Project name: ... wego-admin √ Select a framework: » vue √ Select a varian ...
Vue（八）vue 脚手架、脚手架创建项目示例
目录一.vue 脚手架 1. 脚手架搭建项目的步骤 2. 使用 vscode 打开并运行脚手架项目 3. 脚手架文件夹结构(同SPA 4部分) 4. 避免组件间样式冲突 5. 懒加载二.举例:使用 ...
VUE安装成功无法创建项目
1.问题还原: 安装vue环境后创建项目不存在无法创建项目 2原因:没有配置好node路径检查系统环境:返回桌面右键我的电脑/属性/高级属性/环境变量再系统变量中查看有无NPM,编辑Path查看有 ...
从零开始的Django框架入门到实战教程(内含实战实例) - 01 创建项目与app、加入静态文件、模板语法介绍（学习笔记）
目录 1. 安装Django 2. 创建项目(startproject) 2.1 创建项目 2.2 介绍项目文件 2.3 APP(startapp) 3. 走通流程(urls, views, runs ...
springboot+vue+thymeleaf+mybatis+pageHelper创建项目
一.创建sprintboot新项目 1.点击File->new->object选择Sping Initializr点击Next输入项目信息 2.在依赖选择界面选择所需要的依赖,点击next ...

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

【Electron配置文档】https://www.electronjs.org/docs/api/browser-window

1、electron-vue

2、electron数据存储 electron-store

3、使用NSIS打包为可安装的exe文件，参考下方链接

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

最新文章

热门文章