vue-cli-service 是Vue CLI 提供的命令行工具,用于构建和管理 Vue 项目。 electron:build 是Vue CLI 插件 vue-cli-plugin-electron-builder 提供的一个命令,用于将 Vue 项目打包成 Electron 应用程序。2. 研究 vue-cli-service electron:build 的默认打包配置 默认情况下,vue-cli-service electron:build 会使用 ...
"private":true,"scripts": {"serve": "vue-cli-service serve","build": "vue-cli-service build","lint": "vue-cli-service lint","electron:build": "vue-cli-service build && electron-builder","electron:serve": "electron ."},"build": {"productName": "txhdemo","appId"...
"electron:generate-icons": "electron-icon-builder --input=./public/icon.png --output=build --flatten" 执行,npm run electron:generate-icons,生成一系列图标,把图标复制到public目录。 打包配置 修改vue.config.js,这里我就把修改的部分放出来: module.exports={pluginOptions:{electronBuilder:{builderOptions...
步骤一:src目录下新建一个background.js文件,作为electron的入口文件。下面贴个范本,可以直接复制 'use strict' import { app, protocol, BrowserWindow } from 'electron' import { createProtocol } from 'vue-cli-plugin-electron-builder/lib' import installExtension, { VUEJS3_DEVTOOLS } from 'electron-dev...
package.json文件 scripts节点下添加命令脚本:"build:dev:win32": "vue-cli-service electron:build --mode dev --win --ia32" 此脚本是构建windows为目标平台x86架构的应用程序,当没传目标平台和架构且没在配置项中设置时,则默认会按当前平台当前架构使用来构建应用程序。
"build":"vue-cli-service build", "lint":"vue-cli-service lint", "electron:build":"vue-cli-service electron:build", "electron:serve":"vue-cli-service electron:serve", "postinstall":"electron-builder install-app-deps", "postuninstall":"electron-builder install-app-deps" ...
修改package.json文件以配置Electron的入口文件: { "main": "main.js", "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "electron:serve": "npm run serve & electron .", "electron:build": "vue-cli-service build && electron-builder" ...
+ "electron:build": "vue-cli-service electron:build", + "electron:serve": "vue-cli-service electron:serve", + "postinstall": "electron-builder install-app-deps", + "postuninstall": "electron-builder install-app-deps" }, + "main": "background.js", ...
"build": "vue-cli-service build", "electron-build": "electron-builder" } 运行以下命令来打包你的应用: npm run build npm run electron-build 二、使用NW.JS NW.js是另一个可以将Web应用程序转变成桌面应用程序的框架。以下是使用NW.js的详细步骤: ...
配置 Vue 开发服务器 在 package.json 中，添加 electron 启动脚本，来启动 Vue 开发服务器并打开 Electron 窗口："scripts": { "serve": "vue-cli-service serve", "electron": "electron ." } 启动开发模式 在命令行中，首先运行 Vue 开发服务器：npm run serve 然后启动 Electron 应用：npm run electron...