1.创建项目 vue create vue-project 2.安装electron vue add electron-builder 会自动安装相关依赖 安装成功后会在src下自动生成一个background.js文件就是相应的electron的配置信息 'use strict' import { app, protocol, BrowserWindow } from 'electron'
点击安装,桌面即有相应图标。 可能出现的问题: 1、vue的路由模式为history,但electron不支持history模式,注释掉即可 const router =newVueRouter({//mode: 'history',base: process.env.BASE_URL, routes }) 2、修改vue.config.js,路径必须修改为‘ ./ ’,不是这个后续打包好的页面可能会出现白屏,加载不出来...
2.1 使用Grunt打包 我们知道如果使用Grunt打包,package.json和Gruntfile.js是必不可少的,所以我们需要先创建这两个文件。 创建这两个文件的目录是在我们通过package命令打包出来的文件同级目录,你也可以新建文件夹,然后把打包出来的Agent放到新文件下,然后在新创建的新文件中创建package.json和Gruntfile.js。 1.创建pack...
在项目根目录下,你可以使用 npm 脚本进行打包。 bash npm run electron:build 这将使用 electron-builder 打包你的 Vue 2 项目,生成可执行的 .exe 文件(在 Windows 系统上)。打包完成后,你可以在 dist_electron(或类似命名的文件夹)中找到生成的 .exe 文件。 以上步骤涵盖了从创建 Vue 2 项目到使用 Electr...
一个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' ...
使用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 注意:切换成国内源以及设置 ...
一、Electron-vue简介 二、安装yarn 三、创建Electron-vue项目 1. 关于 electron-builder 2. 安装脚手架 3. 运行 4. 打包应用程序 四、background.js说明 1. 引入模块和依赖: 2. 注册协议: 3. 创建窗口函数: 4. 生命周期事件和监听器: 五、使用UI库 Vuetify ...