2.安装electron vue add electron-builder 会自动安装相关依赖 安装成功后会在src下自动生成一个background.js文件就是相应的electron的配置信息 'use strict' import { app, protocol, BrowserWindow } from 'electron' import { createProtocol } from '
vue create my-electron-app 在创建过程中,当被询问时,选择Vue 2.x版本,并根据需要选择其他特性(如Vue Router、Vuex等)。 2. 安装并配置Electron 为了将Electron集成到你的Vue项目中,你需要安装一些额外的npm包。最常用的方法是使用electron-builder和vue-cli-plugin-electron-builder。 在项目根目录下,运行以下...
这里引入了 Electron 的核心模块以及一些第三方依赖。app 模块用于管理应用程序的生命周期,protocol 模块用于注册 URL 协议,BrowserWindow 用于创建浏览器窗口。vue-cli-plugin-electron-builder/lib 中的 createProtocol 用于创建自定义协议,而 electron-devtools-installer 则用于安装 Electron 开发工具。2. 注册协议:pr...
2.安装 electron 环境(如果 输入 vue add electron-buider 没反应需要 vue/cli升级下这个东西) (1).在终端输入命令 Electron安装 npm install electron -g Vue项目添加Electron-builder打包工具 vue add electron-builder (2)设置镜像方法(不配置也会报错,什么githhub) npm config edit 使用该命令会弹出npm的配置...
方案一:直接安装Electron,并手动魔改项目代码 方案二:使用electron-vue,项目地址 方案三:使用vue-cli-plugin-electron-builder,项目地址 方案一对于Electron的掌握要求很高,我这个初学者还是看大神秀吧,暂时放弃,后期可能选择这种方案。 方案二直接抛弃吧,太古老了,新项目没有必要自己给自己挖坑。
Error: Could not find a package.json for module @vue/cli at C:\temp\.yarn\$$virtual\vue-cli-plugin-electron-builder-virtual-0a71385d5d\0\cache\vue-cli-plugin-electron-builder-npm-2.0.0-rc.4-ff81d6b2bf-23ec600f2a.zip\node_modules\vue-cli-plugin-electron-builder\lib\webpackConfig....
跨端框架:Electron13.0.1 打包工具:vue-cli-plugin-electron-builder UI组件库:Element-Plus^1.0.2 (饿了么vue3组件库) 弹窗组件:MacLayer (vue3弹窗v3layer改进版) 图表组件:Echarts^5.1.1 模拟请求:Mockjs1.1.0 二、功能特性 ✅经典的图标+dock菜单模式 ...
vue-cli-plugin-electron-builder 插件官网地址: https://nklayman.github.io/vue-cli-plugin-electron-builder/ Choose Electron Version选择默认即可 运行报错 INFO Launching Electron… Failed to fetch extension, trying 4 more times Failed to fetch extension, trying 3 more times Failed to fetch extension...
跨端架构:electron^12.0.4 封装工具:vue-cli-plugin-electron-builder UI组件库:element-plus^1.0.2 (饿了么外卖vue3组件库) 报表拖动:sortablejs^1.13.0 图表组件:echarts^5.1.1 现代化计划方案:vue-i18n^9.1.6 数据信息仿真模拟:mockjs^1.1.0
Electron主进程入口 代码语言:javascript 代码运行次数:0 运行 AI代码解释 /** * 主进程配置文件background.js */'use strict'import{app,BrowserWindow,globalShortcut}from'electron'import{createProtocol}from'vue-cli-plugin-electron-builder/lib'importWindowsfrom'./module/windows'constisDevelopment=process.env....