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,包括electron-builder,它用于将Electron应用打包成可执行文件。 2. 在Vue2项目中集成Electron 安装electron-builder后,它会在你的Vue项目中进行一些自动化配置,包括在src目录下生成一个background.js文件,这是Electron的主进程文件。 你通常不需要手动修改这个文件,除非你有特...
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,路径必须修改为‘ ./ ’,不是这个后续打包好的页面可能会出现白屏,加载不出来...
二. 项目打包 通过将vue项目打包, 会生成一个dist文件 三. 修改electron-quick-start 文件 删除electron-quick-start 文件中的index.html,把vue项目打包的dist文件放进去。 打开electron-quick-start 文件里的main.js文件,附上mian.js完整代码 重点是: mainWindow.loadFile(“./dist/index.html”) 的修改 ...
Electron + Vue3 开发桌面应用 https://blog.csdn.net/qq_37460847/article/details/126918641比较合适的一篇文章,在现有的vue项目 追加 electron。 基于上述方法,首次本地运行效果: 解决跨域问题后, Github项…
electron是使用html构建页面ui的,所以任何可以运行在浏览器中页面都可以加载,那么对简单的就是直接使用我们打包之后的dist中index.html直接运行,首先克隆官方的模板,安装依赖运行起来: 安装electron 运行之后,接下来就是集成我们的vue,直接把vue打包之后的dist目录下文件复制到electron项目根目录下,覆盖index.html,重新启动...
使用vue2+electron运行项目,打包的时候报错如下: 这是vue中typescript插件报的错,网上有解决方案是这样的: 将package.json中的 "vue": "^2.6.11" 改为 "vue": "~2.6.11" "…
使用图中红色里面的第二个命令,在本地运行项目的时候,没有问题,可以访问到后端返回的数据执行第一个命令以后,访问不到后端的数据在控制台里面查看是这样的并且报这样的错误我在vue.config.js里面设置了跨域在...