"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"...
import { app, protocol, BrowserWindow } from 'electron' import { createProtocol } from 'vue-cli-plugin-electron-builder/lib' import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer' const isDevelopment = process.env.NODE_ENV !== 'production' // 在应用程序准备就绪之前,必...
我没有继续在package.json中配置,而是另外创建了一个配置文件electron-builder.yml, 其中必要的一些配置为: productName:AppNameappId:cn.cronoworks.AppNamedirectories:output:distbuildResources:assets# asar: falsefiles:-filter:-build/**/*extraMetadata:main:build/electron.jswin:target:nsisicon:build/logo256....
如果你成功下载了electron-builder,并按照上述参数配置了package.json,那么这时候已经可以直接打包electron项目了。 在scripts标签中完善打包命令: "dist": "electron-builder", "dista": "vite build && electron-builder" dist:打包electron项目的命令 dista:打包vue项目然后再打包electron项目的命令。正常情况下,power...
1.2、vue cli + vue-cli-plugin-electron-builder安装方法 1.1.1、创建vue项目 vue create electron-demo 1.1.2、安装vue-cli-plugin-electron-builde插件 vue add vue-cli-plugin-electron-builde 2、窗口配置 例如登录窗口config.ts login: { url: `${baseUrl}#/login`, ...
丰富的配置选项:electron-builder允许你通过配置文件来定义构建过程中的各种设置,如应用程序的元数据、文件结构、图标、版本信息、签名等。这使得你可以轻松地定制构建过程以满足你的需求。 自动更新:electron-builder支持自动更新功能,可以让你的应用程序在用户打开应用时检查并自动下载新版本。这有助于保持用户体验和及时...
在目录C:\Users\windows用户\AppData\Local\electron-builder\cache\app-builder下,新建文件夹app-builder-v0.6.1-x64(即报错信息中文件名),将下载文件解压到此文件夹内 下面三个文件操作同步骤2 3.winCodeSign-1.9.0.7z 4.nsis-3.0.1.13.7z 5.nsis-resources-3.3.0.7z ...
2.2.vue.config.js配置内容如下: module.exports = { runtimeCompiler: true, //保证运行时不报错,正常显示界面 pluginOptions: { //添加成功后,保证electron中remote对象正常使用 electronBuilder: { nodeIntegration: true } } } 2.3.backround.js需要做简单的修改,因为代码中检测了浏览器的vue插件的安装和执行...
electron-vue 常用配置 详见代码中的注释 src\main\index.js import{app,BrowserWindow}from'electron' if(process.env.NODE_ENV!=='development') { global.__static=require('path').join(__dirname,'/static').replace(/\\/g,'\\\') } // 开发模式的话走webpack-dev-server的url ...
1. 配置项目图标 参考文档:https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/recipes.html#icons 使用electron-icon-builder, 生成符合Electron的图标 ① 安装 代码语言:javascript 复制 npm install--save-dev electron-icon-builder