2.安装electron vue add 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...
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...
这里就直接使用vue cli来生成一个模板项目,之后用vscode打开。 Step2.新建.yarnrc文件 这个文件作用就不讲了,主要是两个配置:electron_mirror和electron_builder_binaries_mirror,具体内容请参考笔记 Step3.集成vue-cli-plugin-electron-builder 终端输入: $ vue add electron-builder点击复制复制失败已复制 Step4.启动...
2.安装 electron 环境(如果 输入 vue add electron-buider 没反应需要 vue/cli升级下这个东西) (1).在终端输入命令 Electron安装 npm install electron -g Vue项目添加Electron-builder打包工具 vue add electron-builder (2)设置镜像方法(不配置也会报错,什么githhub) ...
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....
"eslint-plugin-vue": "^9.8.0", "husky": "^3.1.0", "stylus": "^0.54.7", "stylus-loader": "^3.0.2", "typescript": "^4.4.3", "vue-cli-plugin-electron-builder": "^2.1.1", "vue-property-decorator": "^8.3.0", "vue-template-compiler": "^2.6.10" "vue-cli-plugin-electro...
跨端框架: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菜单模式 ...