1. 使用 vue cli 创建vue项目 代码语言:javascript 代码运行次数:0 运行 AI代码解释 vue create electron-test 2. 安装插件 vue-cli-plugin-electron-builder 代码语言:javascript 代码运行次数:0 运行 AI代码解释 vue add electron-builder image.png 3. 安装完插件后, 项目中的一些变化 ① package.json 新增了...
leave this alone // See nklayman.github.io/vue-cli-plugin-electron-builder/guide/security.html#node-integration for more info nodeIntegration: process.env.ELECTRON_NODE_INTEGRATION, contextIsolation: !process.env.ELECTRON_NODE_INTEGRATION, preload: path.join(__dirname, '/preload.js') }, }); ...
解决方案 在vue.config.js中如下配置 module.exports= {pluginOptions:{electronBuilder:{preload:'src/preload.js'} } } 截取background.js的部分代码 win =newBrowserWindow({webPreferences: {nodeIntegration:true,contextIsolation:false,webviewTag:true,preload: path.join(__dirname,'/preload.js') },resizabl...
background.js是 Electron 应用程序的主要后台脚本,它在应用程序启动时负责创建主窗口和处理应用程序的生命周期事件。 1. 引入模块和依赖: import { app, protocol, BrowserWindow } from 'electron' import { createProtocol } from 'vue-cli-plugin-electron-builder/lib' import installExtension, { VUEJS3_DEVTO...
② 新增了background.js文件 主进程相关操作, 写在这个文件中 ③ 新增了一个环境变量 可以用来判断是否在electron状态 process.env.IS_ELECTRON复制代码 1. 三、开发总结 1. 配置项目图标 参考文档:nklayman.github.io/vue-cli-plu… 使用electron-icon-builder, 生成符合Electron的图标 ...
打包APP 删除dist_electron文件夹,重新执行打包命令,npm run electron:build,会发现应用的图标变了 最终在dist_electron目录下生成build后的产品。参考: https://wangdaodao.com/20200707/vue-cli3-electron.html https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/ htt...
Vue CLI Plugin Electron Builder Easily Build Your Vue.js App For Desktop With Electron Build status: Top Supporters Glenn Frank Quick Start: Open a terminal in the directory of your app created with Vue-CLI 3 or 4 (4 is recommended). ...
J:\test\electronjs>vue -V@vue/cli 4.5.13 4.创建vue3项目 J:\test\electronjs>vue create vueproj1# 点最后一项 手动选择安装? Please pick a preset: Default ([Vue 2] babel, eslint) Default (Vue 3) ([Vue 3] babel, eslint)> Manually select features# 选择项目要使用的特性模块,空格...
npm config set phantomjs_cdnurl https://npm.taobao.org/mirrors/phantomjs/ 3、选择用yarn安装electron, macos指令前加sudo有可能会导致 root 访问不到你的 home 目录,在启动项目的时候会报下面的错误 1 yarn add -D electron 4、安装vue-cli-plugin-electron-builder(electron-builder) ...
步骤一: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...