注意electron_mirror 的路径不是这个 https://registry.npmmirror.com/mirrors/electron/ ,这里卡了蛮久, 网上两种路径都有人写 2:下载 第三方插件到 指定位置:执行 npm run electron:build 打包, 根据命令行的错误提示的去下载要下载的包,下载到下文指定路径下 首次使用electron-builder打包时,会到github上去下载...
⨯Gethttps://github.com/electron/electron/releases/download/v2.0.18/electron-v2.0.18-win32-x64.zip: EOFgithub.com/develar/app-builder/pkg/download.(*Downloader).follow.func1/Volumes/data/Documents/app-builder/pkg/download/downloader.go:171github.com/develar/app-builder/pkg/download.(*Downloa...
npm install--save-dev electron-icon-builder ②package.json中配置生成命令 代码语言:javascript 代码运行次数:0 运行 AI代码解释 "electron:generate-icons":"electron-icon-builder --input=./public/icon.png --output=build --flatten" ③ 生成图标 代码语言:javascript 代码运行次数:0 运行 AI代码解释 npm ...
vue add vue-cli-plugin-electron-builder 我们选择版本^6.0.0: 代码语言:javascript 复制 ✔ Successfully installed plugin:vue-cli-plugin-electron-builder?Choose ElectronVersion(Use arrow keys)^4.0.0^5.0.0❯^6.0.0 这里静静等待安装即可,它会下载electron的依赖文件 60M 左右,过程可能有点长,跟你的网...
首先创建一个基本的Electron+Vue项目: ```bash # 创建Vue项目 npm init vue@latest ai-desktop-app # 添加Electron支持 cd ai-desktop-app npm install electron --save-dev npm install vite-plugin-electron --save-dev ``` 配置调整 在`vite.config.js`中添加Electron支持: ...
我们需要一种在这两个进程之间通信的方法来写入数据。这种方式叫做inter-process communication。electron提供ipcMain&ipcRenderer在两个进程之间进行通信。假设您需要将数据从表单(Vue组件)发送到主进程。我们首先在background.js中定义一个自定义事件,例如:import {ipcMain} from "electron"; // this is the event ...
1. 关于 electron-builder electron-builder是一个用于构建和打包Electron应用程序的强大工具。它允许将你的Electron应用程序打包成可执行文件,以便在不同平台上分发和部署。以下是关于electron-builder的详细介绍: 多平台支持:electron-builder支持将Electron应用程序构建为各种操作系统的本机可执行文件,包括Windows、macOS和...
一、Electron-vue简介 二、安装yarn 三、创建Electron-vue项目 1. 关于 electron-builder 2. 安装脚手架 3. 运行 4. 打包应用程序 四、background.js说明 1. 引入模块和依赖: 2. 注册协议: 3. 创建窗口函数: 4. 生命周期事件和监听器: 五、使用UI库 Vuetify ...
"name": "electron-vue-basic", "private": true, "version": "1.0.0", "type": "commonjs", "main": "electron/main/main.js", "description": "electron+vite+vue3+electon-builder demo", "author": "中二少年学编程 ", "license": "MIT", "scripts": { "start": "electron ." }, …...
可以用来判断是否在electron状态 process.env.IS_ELECTRON复制代码 三、开发总结 1. 配置项目图标 使用electron-icon-builder, 生成符合Electron的图标 ① 安装 npm install --save-dev electron-icon-builder复制代码 ② package.json 中配置生成命令 "electron:generate-icons": "electron-icon-builder --input=./pu...