"main": "background.js",
  "scripts": {
  		"electron:serve": "node_modules/.bin/vue-cli-service electron:serve",
    	"postinstall": "electron-builder install-app-deps",
    	"postuninstall": "electron-builder install-app-deps"
  "devDependencies": {
    	"electron": "^15.0.0",
    	"electron-devtools-installer": "^3.1.0",
    	"vue-cli-plugin-electron-builder": "~2.1.1"
 

3、安装依赖

 cnpm i 、npm i 、yarn i
 

4、启动项目

npm run electron:serve
 

5、可能启动会报错
在这里插入图片描述
这个是core-js导致的问题,因为ruoyi-ui(3.7)最新版的core-js版本是3.8.1,只需要升级core-js到3.19.0,在删除原本的依赖,重新安装在运行即可
在这里插入图片描述

7、再去把ruoyi-ui的登录的存储方式有cookie改成localStorage存储就能登入系统了

8、如果对你有些许帮助,请start下,感激不尽

参考项目electron-vue-template可以给博主start一下哦!操作改造项目为 若依、示例项目 electron-ruoyi-vue1、复制.electron-vue、build、src下的background.js、index.ejs到对应位置中2、在package.json中scripts中添加 "main": "background.js", "scripts": { "electron:serve": "node_modules/.bin/vue- vue项目实战vue项目实战 vue项目实战 vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目 1. git clone https://github.com/electron/electron-quick-start** 2. 找到clone下来的项目入口文件main.js 和 package.json 修改路径配置** main.js : 3. 在已建好vue-cli项目中,安装electron依赖:** npm install electron --save-dev npm install electron-packager --save-de 新建一个简单的electron-vue项目 vue init simulatedgreg/electron-vue pay-store-clientvue init simulatedgreg/electron-vue my-project 把原有项目package.json的dependencies,devDependencie... npm install -g cnpm --registry=https://registry.npm.taobao.org 设置ELECTRON_MIRROR,加速electron的预编译 npm config set ELECTRON_M... 如何使用Electron-vue来构建Vue项目呢?这篇文章小柒与大家一起来一步一步创建。 前提条件:node.js、vue/vue-cli、webpack、Electron都要有了解哦。 用electron-vue 如何创建Vue项目 通过下面这条命令,就可以创建一个electron-vue项目了。 vue init simulatedgreg/electron-vue ele-vue... vue init simulatedgreg/electron-vue my-project 如果你当前使用的是vue-cli3或vue-cli4,那么你需要全局安装vue-cli2: npm install --global vue-cli 当模板现在完毕后,根据提示一步一步进行下去。当模板完全构建完毕后,进行依赖安装: npm install 第二步、运行项目 npm run dev 这个时候会报错误: Unable to install `vue-de 基于 vue (基本上是它听起来的样子) 来构造 electron 应用程序的样板代码。 该项目的目的,是为了要避免使用 vue 手动建立起 electron 应用程序。electron-vue 充分利用 vue-cli 作为脚手架工具,加上拥有 vue-loader 的 webpack、electron-packager 或是 electron-builder,以及一些最常用的插件,如vue-router、vuex 等等。 使用electron-vue可以将vue的 话不多说,开讲。 第一步, 克隆electron-quick-start git clone https://github.com/electron/electron-quick-start 进入克隆项目electron-quick-start,此为样板项目。在该目录下执行以下指令安装依赖: npm install (或者) cnpm install 说明:npm 升级
如果你可以建一个网站,你就可以建一个桌面应用程序。 Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架,它负责比较难搞的部分,你只需把精力放在你的应用的核心上即可。 注:vue的新老项目都可打包成electron桌面软件,我这里是新建的新项目 1.搭环境 //安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org //安装脚手架 npm install @
将网页项目打包成桌面应用Electron的使用 介绍一下electron Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的。 Electron的开发可以参考官方文档,这里只说开发...
二.创建主脚本文件 主脚本指定了运行主进程的 Electron 应用程序的入口(就我们而言,是 main.js 文件)。 通常,在主进程中运行的脚本控制应用程序的生命周期、显示图形用户界面及其元素、执行本机操作系统交互以及在网页中创建渲染进程。 Electron 应用程序只能有一个主进程。 主脚本可以如下所示: /* jshint esversion: 6 */ const electron = require('elect
要在vue项目中使用electron,首先需要安装并配置好electron相关的依赖。可以使用vue-cli来创建一个vue项目,然后在项目根目录下执行命令安装electron依赖: npm install electron --save-dev 安装完成后,需要配置package.json文件,将main.js指定为electron的入口文件,并添加启动electron的命令: ```json "main": "main.js", "scripts": { "electron": "electron ." 然后在项目根目录下创建main.js文件作为electron的入口文件,编写electron的启动代码。在main.js中可以引入electron模块,创建一个窗口并加载vue项目生成的dist目录下的index.html文件: ```javascript const { app, BrowserWindow } = require('electron') let mainWindow app.on('ready', () => { mainWindow = new BrowserWindow({ width: 800, height: 600 mainWindow.loadURL(`file://${__dirname}/dist/index.html`) 接下来,需要在vue项目中创建一个打包配置文件webpack.electron.conf.js,用来配置vue项目的打包输出目录和文件名。在vue项目的package.json文件中,添加electron的启动命令: ```json "scripts": { "build:electron": "vue-cli-service build --mode production && electron ." 执行以上步骤后,就可以使用npm run build:electron命令来打包vue项目并启动electron应用了。这样就成功在vue项目中使用electron了。
错误信息:Could not write JSON: (was java.lang.NullPointerException); nested exception is com.faster 大佬,Uncaught Error: Cannot find module 'clipboard' Require stack: - electron/js2c/renderer_init 这怎么怎么解决啊 jwt 单点退出问题解决方案之一 时间淡忘一切: a不能登录 jwt 单点退出问题解决方案之一 qq_34820646: 我有一问,A和B两个网站都是jwt,你把B的单点登录jwt清除了,如何通知A甚至更多的应用去清除呢,如果不清除,你的B退出了登录,A是不是还能登,这还是单点登录吗?