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-builder/lib' import installExtension...
使用以下命令运行和调试你的Electron应用: bash npm run electron:serve 这将启动Electron应用,并在开发模式下运行Vue项目。你可以通过修改Vue组件来实时查看效果。 7. 打包应用 当开发完成后,可以使用以下命令打包你的Electron应用: bash npm run electron:build 这将创建一个可分发的桌面应用程序,包括Windows、macO...
Electron-Vue 是一个使用 Vue.js 构建跨平台桌面应用程序的框架。它基于 Electron，一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序的开源库。Electron-Vue 结合了 Vue.js 的灵活性和 Electron 的跨平台能力，使得开发桌面应用程序变得更加简单和高效。以下是一些 Electron-Vue 的主要特点：使用 Vue.js 构...
要将Vue2项目打包成exe文件,可以按照以下步骤进行:1、使用Electron将Vue项目转化为桌面应用程序;2、使用Electron-builder将桌面应用程序打包成exe文件。接下来,我们详细描述第一个步骤。首先,你需要创建一个基本的Electron应用,并配置它与Vue项目集成。 一、安装和配置Electron 1、安装Electron 在你的Vue项目目录中,使用...
{ "name": "electron-vue", "version": "0.1.0", "private": true, "main": "background.js", // 刚才创建的background.js "description": "this is test vue and electron project", // 必须有不然electron打包会报错 "author": "GuoWei-Liu", // 必须有不然electron打包会报错 "scripts": { "...
electron安装 首先新建一个vue项目,在选项中选择vue2,按默认配置生成。如果在生成过程中出现错误中断,请先删除node_modules文件夹,不用再安装,因为后续会再装 PS:如果你是老项目,请无视上面这一步,直接把node_modules文件夹删除。 代码语言:powershell
桌面端应用:electron+vue2+element-uiSoftware Architecturenode 16.15.0 npm 8.5.5Deploy and runnpm install npm run electron:serve npm run electron:build备注默认验证码186186接口地址:接口地址 editor文档:wangeditor文档 音视频文档:音视频文档正式ftp://118.31.2.40:21 ytw2024 MKeHd527mGTwGbcS...
在上篇文章中说到,使用Electron-Vue去构建一个Vue项目,并且可以通过package命令之后,生成了一些列的绿色文件(即执行安装包之后生成的文件),点击其中的exe文件就可以运行了。 由于安装程序最后会以安装包的形式(即单一的exe文件)交付给客户,然后客户安装exe文件,会得到绿色文件。
本笔记记录将vue框架集成进Electron的方法。 谁更基础? 这个问题的出发点是:我们先建立一个vue项目,之后把Electron装进来还是先建立一个Electron项目,将vue装进来? 经过权衡,我对于vue项目更熟悉,所以选择以vue项目为基础,集成Electron。这有利于旧有项目改造。
一、Electron-vue简介 二、安装yarn 三、创建Electron-vue项目 1. 关于 electron-builder 2. 安装脚手架 3. 运行 4. 打包应用程序 四、background.js说明 1. 引入模块和依赖: 2. 注册协议: 3. 创建窗口函数: 4. 生命周期事件和监听器: 五、使用UI库 Vuetify ...