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...
使用Electron 和 Vue CLI 2.0 打包 Vue 项目时,你可以按照以下步骤进行操作: 1. 确认项目已经使用 Electron 和 Vue CLI 2.0 正确搭建并可以运行 确保你的项目已经正确集成了 Vue 2.0 和 Electron,并且可以通过 npm run serve(Vue)和 npm run electron:serve(Electron)命令正常运行。 2. 在项目根目录下安装 ele...
2.1 使用Grunt打包 我们知道如果使用Grunt打包,package.json和Gruntfile.js是必不可少的,所以我们需要先创建这两个文件。 创建这两个文件的目录是在我们通过package命令打包出来的文件同级目录,你也可以新建文件夹,然后把打包出来的Agent放到新文件下,然后在新创建的新文件中创建package.json和Gruntfile.js。 1.创建pack...
点击安装,桌面即有相应图标。 可能出现的问题: 1、vue的路由模式为history,但electron不支持history模式,注释掉即可 const router =newVueRouter({//mode: 'history',base: process.env.BASE_URL, routes }) 2、修改vue.config.js,路径必须修改为‘ ./ ’,不是这个后续打包好的页面可能会出现白屏,加载不出来...
一个Electron+vue2的桌面应用项目,进行打包 使用了vue-cli-plugin-electron-builder将Electron和vue结合 直接使用electron-builder打包 问题一:打包后,background.js中会出现模块引入报错。Electron是commonJs规范,但使用了ESM规范 import{ createProtocol }from'vue-cli-plugin-electron-builder/lib' ...
Github项目:单独打包的项目 https://github.com/electron/electron-quick-start 新手可以直接用这个项目来进行打包,和原来的项目分享。例如我调整后的: 用electron将vue项目打包成.exe文件【保姆级教程】 https://blog.csdn.net/heavenz19/article/details/136743623 ...
使用vue2+electron运行项目,打包的时候报错如下: 这是vue中typescript插件报的错,网上有解决方案是这样的: 将package.json中的 "vue": "^2.6.11" 改为 "vue": "~2.6.11" "vue-template-compiler": "^2.6.11" 改为 "vue-template-compiler": "~2.6.11" ...
Electron桌面应用打包现有的vue项目 1 环境准备 Node:v16.20.2(本地vue项目nodejs版本) Electron:22.3.7 vue:2 版本管理 2 Vue项目准备 更新相关依赖 npm install --registry https://registry.npmmirror.com/ npm run dev 3、引入Electorn 安装指定版本Electron:npm install electron --save-dev...
使用图中红色里面的第二个命令,在本地运行项目的时候,没有问题,可以访问到后端返回的数据执行第一个命令以后,访问不到后端的数据在控制台里面查看是这样的并且报这样的错误我在vue.config.js里面设置了跨域在...