// main字段配置为 electron主进程文件路径 "main": "./src-electron/main.js", electron 启动 运行npm run dev启动项目 可以看到弹出一个 electron窗口,这样一个最基本的electron应用就写好了 修改标题和logo 「修改标题」 electron窗口左上角的标题,首先读取的是index.html的title标签值 此时把他注释掉 如果在...
"@vue/compiler-sfc":"^3.0.0","vite":"^1.0.0-rc.9","vue":"^3.0.2","vue-router":"^4.0.0-rc.1","electron":"^11.0.2","electron-builder":"^22.9.1","electron-updater":"^4.3.5", 注意:这些依赖全部安装在devDependencies下 各个库的版本发文时应该是最新的了,不过如果有更新的版本,你...
import{ app, BrowserWindow }from'electron'importpath, { dirname }from'node:path'import{ fileURLToPath }from'node:url'importisDevfrom'electron-is-dev'// ESM(ECMAScript Module)环境中,__dirname 和 __filename 这两个全局变量是未定义的,需要手动定义:获取文件所在目录const__dirname = dirname(fileUR...
github.com/electron-vit 我基于这个模板 # clone the project git clone https://github.com/electron-vite/electron-vite-vue.git # enter the project directory cd electron-vite-vue # install dependency npm install # develop npm run dev 2 配置router 这里使用vue-router # 安装 npm ...
Vue 3.2.47 Yarn 1.22.18 开发步骤 1、执行如下命令创建一个新的Vite项目: $ yarn create vite 输入项目名称:electron-client,选择框架:Vue,之后选择使用JavaScript。 2、进入项目根目录: $cdelectron-client 3、安装项目依赖: $ yarn add --dev electron concurrently cross-env electron-builder wait-on ...
目录 前言: 准备工作: 架构设计: 基本代码: 代码结构: 主进程(main.js): 子进程: 工具函数: 消息中心: electron模块: 在vue的全局调用上述几个函数: 脚本: 问题避坑: 搭建上述软件时遇到以下问题: 总结: 前言: 随着前端...
plugins: [vue()], }) 我们在终端中,执行npm run build命令。 就在根目录中生成了, dist 文件夹。 设置Electron 框架 有了Vue3 项目构建出来的 dist 目录之后, 设置Electron 就很简单了。 首先,我们在项目的根目录下,创建 main.js 文件。 并将, Elctron 官方文档中的, main.js 文件内容 copy 过来就可...
vite: ^4.3.2vue:^3.2.47electron:^24.4.0electron-builder: ^23.6.0 创建vite4+vue3项目 vite官网提供了npm/yarn/pnpm等方式创建vue3项目。 yarn create vite electron-vite4-vue3 cd electron-vite4-vue3 yarn install yarn dev 到这里一个简单的vite3+vue3项目就初始化好了。
electron+vue3实例 · 4篇 新的知识增加了 最新研发electron31-vue3 setup跨平台管理系统ElectronVue3Admin。 基于最新前端技术栈Vite5.x、Vue3、Electron31、ElementPlus、Vue-I18n、Echarts搭建项目模板。支持中英文/繁体国际化解决方案,支持动态权限路由、多页签缓存路由。