背景: Vue+ElementUI的web项目中, 可以配置一个config.js来解决,那么eletron呢? 思路有两个: 1. 直接使用 global.sharedObject 让main线程与render线程直接数据共享。 2. 借助事件传递。 项目根路径直接放置一个配置文件,可以是config.json 或者 config.yml,都有对应的处理方案,这里以config.yaml做例子: 注意:使...
1、根目录下创建配置文件 config.conf,里面写入baseUrl (注意这里通过 json 格式写入),如下: 2、配置打包时对资源进行复制,在 package.json 中修改build的配置 这里需要注意 electron-builder 中两个常用的配置选项:extraResources 拷贝资源到打包后文件的 Resources 目录中,extraFiles 拷贝资源到打包目录的根路径下,这...
2.在当前文件夹中(TestDemo下),创建electron文件夹; 3.配置electron 4. 连接 electron 到 vue 5.启动 参考: 背景: 需要建立electron 项目,并且使用vue ,记录下步骤。 步骤: 1. 先创建vue npm create vite TestDemp //npm create vite 项目名称 cd TestDemp npm install npm run dev 到这一步有VUE网页,...
mainProcessFile: 'src/main/index.js', // 主进程入口文件 rendererProcessFile: 'src/renderer/main.js', // 渲染进程入口文件 mainProcessWatch: ['src/main'], // 检测主进程文件在更改时将重新编译主进程并重新启动 }, builderOptions: { appId: process.env.VUE_APP_APPID, productName: process.env...
Electron-Vue 框架是非常古老的一个框架,这个框架已经没有人在维护了,但是这个框架很实用,目前原始版本只支持Electron 7,有很多Bug,我经过各种倒腾和处理,将Electron 升级到22版本,之前是21版本,22差别不大,只所以没有升级到最新版本Electron 31,是觉得后续的Electron其实没有太多实质的功能,反而为了安全性,对开发者...
检查网络情况国内镜像是否配置成功 二、electron配置文件 2.1 新建electron文件夹 在项目根目录下新建一个electron文件夹,与package.json平级 2.2 新建main.js文件 在electron文件夹下新建一个main.js文件,并复制以下内容 // Modules to control application life and create native browser windowconst{app,BrowserWindow,...
一、进行相关配置 在项目根目录下,新建 vue.config.js 文件,文件内容如下,可据自己的具体情况做相应更改; vue.config.js文件: 复制代码 1. module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : '/', ...
执行npm run dev 之后,项目是在开发环境下运行 在开发环境下配置一些全局变量 1.先找到开发环境配置文件 项目结构如图所示: 配置文件在.electron-vue 中,找到webpack.renderer.config.js,这是页面的相关配置 2.在配置文件中添加 变量名必须以process.env开头 在生产环境下配置也是类似的做法...
electron-builder打包后默认的安装方便是便捷式的,没有欢迎界面,也不能自己选择安装目录等问题,上页的主体配置文件与给说明,现在看一下关键位置的配置信息 "nsis":{"oneClick":false,//是否静默安装(一键式安装)"perMachine":true,//安装模式true=所有用户false=自己"allowElevation":true,//允许请求提升。 如果为...
配置vue.config.js: 为了使项目更符合需求,可以在vue.config.js中进行配置。例如,可以设置自定义的Electron主进程文件路径,或者添加一些构建选项: module.exports = { pluginOptions: { electronBuilder: { mainProcessFile: 'src/background.js', builderOptions: { ...