注意electron_mirror 的路径不是这个 https://registry.npmmirror.com/mirrors/electron/ ,这里卡了蛮久, 网上两种路径都有人写 2:下载 第三方插件到 指定位置:执行 npm run electron:build 打包, 根据命令行的错误提示的去下载要下载的包,下载到下文指定路径下 首次使用electron-builder打包时,会到github上去下载...
"main": "./src-electron/main.js","scripts": {"dev": "vite","build": "vue-tsc -b && vite build","preview": "vite preview","electron:build": "vite build && electron-builder"},"build": {"productName": "ElectronDeskTopTool","appId": "dyy.dongyuanwai","copyright": "dyy.dongyua...
首先,你需要在Vue3项目中安装Electron和Electron打包工具,例如electron-builder。 bash npm install electron --save-dev npm install electron-builder --save-dev 2. 配置项目 在package.json中添加Electron相关的配置,包括入口文件、打包脚本等。 json "main": "main.js", "scripts": { "serve": "vue-cli...
electron_mirror=https://registry.npmmirror.com/-/binary/electron/:这个配置项指定了 Electron 包的镜像源,用于下载 Electron 框架相关的二进制文件 安装electron相关插件 接下来就可以进行安装electron和它相关的插件了 // 进入到项目中安装 electron npm install -D electron 安装electron-builder用于打包可安装exe程...
我用的技术栈是electron+vue3+vite+ts。后端是php。我就用我开发的公司OA系统来讲解,该项目前后端都是我一个人完成。 目录结构 标注红色字的目录是我主要用到的。 步骤一: 安装electron-builer打包工具,在终端运行npm install electron-builer 安装electron-icon-builder图标生成工具,终端运行 npm i electron-icon...
使用Electron和Vue3开发跨平台桌面应用,从项目搭建到打包的完整过程如下:一、项目搭建 安装Vue CLI:使用npm全局安装@vue/cli。创建Vue项目:使用vue create taskyvue命令创建Vue项目。在创建过程中选择Electron版本,建议选择最新版本。安装Vue CLI Plugin Electron Builder:在Vue项目中安装Vue CLI Plugin ...
现在你可以通过运行npm run electron:serve来同时启动Vue开发服务器和Electron应用进行开发。当你准备好打包你的Electron应用时,可以使用npm run electron:build先构建Vue应用,然后启动Electron应用。其他建议 Electron Builder:为了更方便地打包和发布Electron应用,考虑使用Electron Builder等工具。调试:利用Chrome DevTools...
需要安装electron-builder npm install electron-builder -D package json 配置 build 修改npm run build命令 "build": "vue-tsc --noEmit && vite build && electron-builder", "build": { "appId": "com.electron.desktop", "productName": "electron", "asar": true, "copyright": "Copyright © 2022...
npm install --save-dev electron electron-builder 5. 修改package.json文件中的scripts,添加一个新的脚本,在开发模式下启动Electron "scripts": { "start": "electron .", ... }, 6. 在src文件夹中创建一个新的文件main.js,用于启动Electron
新建vite+vue3+JavaScript和已经写好项目,用electron-builder打包 将前端项目打包成桌面应用 2.版本 "node":"^18.17.0""vue":"^3.3.4""electron":"^25.3.2","electron-builder":"^24.6.3","vite":"^4.4.6","vite-plugin-electron":"^0.12.0" ...