1,引入之后在package.json 文件下会自动生成 image.png 2,在vue-cli 项目src下 创建background.js 代码如下: import{app,protocol,BrowserWindow,ipcMain,Menu,dialog,globalShortcut}from'electron'import{createProtocol}from"vue-cli-plugin-electron-builder/lib";constfs=require("fs")//引入node原生fs模块const...
- vue-cli-plugin-electron-builder打包配置地址:https://nklayman.github.io/vue-cli-plugin-electron-builder/ -
All CLI arguments passed toelectron:build will be forwarded to electron-builder. 这句话的意思就是:这些参数都是通过electron:build命令来提交给electron-builder的。 再通俗的讲:我们用electron:build来打包的参数配置格式如图所示。即: // vue.config.jsmodule.exports={pluginOptions:{electronBuilder:{builderOp...
第一步:用vue-cli3.0创建一个项目 vue create projectName 当前步骤就是安装vue-cli3.0,一步步按照程序走安装就好。 第二步:安装vue-cli-plugin-electron-builder vue add vue-cli-plugin-electron-builder 当前步骤安装好后会自动在package.json里生成几行代码如下: WX20220313-155227@2x.png 第三步:运行项目 np...
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
本项目使用了一款Vue-CLI插件(vue-cli-plugin-electron-builder)来构建 electron 桌面应用程序,其是对electron-builder进行了封装。 electron-builder:用来打包构建windows、macOS、linux平台的electron桌面应用程序,提供了开箱即用的自动更新支持;两种打包方式:命令行界面(CLI)和程序化API;支持多平台的构建,但也不要期望...
Vue+Electron 常用搭建方式 在之前,通常我们会使用electron-vue脚手架来快速搭建,但是这个脚手架搭建的Electron版本已经太旧了,目前github已经一年没提交更新了,所以我们需要使用其他新的方式来搭建。 Vue CLI Plugin Electron Builder 本教程使用Vue CLI Electron插件,快速的搭建Electron+Vue项目,关于插件的信息可进入Vue...
修改vue-cli-plugin-electron-builder⼊⼝看源码 在 vue.config.js ⾥增加配置 module.exports = { pluginOptions: { electronBuilder: { mainProcessFile: 'src/mainProcess/entry.js',} } };重启应⽤。注意：1. package.json ⾥的配置 "main": "background.js", 不要动，否则打包会报错。
| 1 | 确保您已经安装了Vue CLI和Vue.js应用程序。 | | 2 | 打开命令行工具,并在Vue.js应用程序的根目录中运行以下命令来安装vue-cli-plugin-electron-builder插件: | ```bash vue add electron-builder ``` 这将引导您通过安装过程,并询问一些配置选项,如应用程序名称、版本、图标等。一旦完成,您的Vue....
"@vue/cli-service":"~4.4.0", "babel-eslint":"^10.1.0", "electron":"^9.0.0", "eslint":"^6.7.2", "eslint-plugin-vue":"^6.2.2", "vue-cli-plugin-electron-builder":"~2.0.0-rc.2", "vue-template-compiler":"^2.6.11" ...