1.创建项目 vue create vue-project 2.安装electron vue add electron-builder 会自动安装相关依赖 安装成功后会在src下自动生成一个background.js文件就是相应的electron的配置信息 'use strict' import { app, protocol, BrowserWindow } from 'electron' import { createProtocol } from 'vue-cli-plugin-electron...
在项目根目录下,你可以使用 npm 脚本进行打包。 bash npm run electron:build 这将使用 electron-builder 打包你的 Vue 2 项目,生成可执行的 .exe 文件(在 Windows 系统上)。打包完成后,你可以在 dist_electron(或类似命名的文件夹)中找到生成的 .exe 文件。 以上步骤涵盖了从创建 Vue 2 项目到使用 Electr...
2.1 使用Grunt打包 我们知道如果使用Grunt打包,package.json和Gruntfile.js是必不可少的,所以我们需要先创建这两个文件。 创建这两个文件的目录是在我们通过package命令打包出来的文件同级目录,你也可以新建文件夹,然后把打包出来的Agent放到新文件下,然后在新创建的新文件中创建package.json和Gruntfile.js。 1.创建pack...
问题一:打包后,background.js中会出现模块引入报错。Electron是commonJs规范,但使用了ESM规范 import{ createProtocol }from'vue-cli-plugin-electron-builder/lib' 问题二:大量文章都将build option写入package.json,但是实际上需要写入vue.config.js中 问题三:当为了解决第一个问题,删去createProtocol的引入,会导致exe...
参考2:https://www.electronjs.org/zh/docs/latest/api/app 已有vue2.0项目:admin-demo 一、添加electron相关依赖 1、添加打包工具-注意 要在当前项目目录中进行 vueadd electron-builder 注意:因为electron的一些资源在github上,如果下载出错的话可能需要使用淘宝镜像下载 ...
使用vue2+electron运行项目,打包的时候报错如下: 这是vue中typescript插件报的错,网上有解决方案是这样的: 将package.json中的 "vue": "^2.6.11" 改为 "vue": "~2.6.11" "…
electron是使用html构建页面ui的,所以任何可以运行在浏览器中页面都可以加载,那么对简单的就是直接使用我们打包之后的dist中index.html直接运行,首先克隆官方的模板,安装依赖运行起来: 安装electron 运行之后,接下来就是集成我们的vue,直接把vue打包之后的dist目录下文件复制到electron项目根目录下,覆盖index.html,重新启动...
vue:2 版本管理 2 Vue项目准备 更新相关依赖 npm install --registry https://registry.npmmirror.com/ npm run dev 3、引入Electorn 安装指定版本Electron:npm install electron --save-dev 查看Electron版本:npx electron --version 注意:切换成国内源以及设置 ...
使用图中红色里面的第二个命令,在本地运行项目的时候,没有问题,可以访问到后端返回的数据执行第一个命令以后,访问不到后端的数据在控制台里面查看是这样的并且报这样的错误我在vue.config.js里面设置了跨域在...