运行pnpm elec:dev单独运行electron程序, 运行pnpm vite:dev单独运行vite项目 运行pnpm vite:build:hot热重载构建vite项目 运行vite:build构建vite项目 运行pnpm builder构建electron项目 问题避坑: 搭建上述软件时遇到以下问题: electron与vite同时启动时第一次会抛错找不到页面,解决方式:先运行vite之后再执行electron de...
1.electron与vite同时启动时第一次会抛错找不到页面,解决方式:先运行vite之后再执行electron 2.dev环境下electron无法监听到vite项目文件热重载,解决方式:1.热重载构建vite项目,2.使用electron-reload监听文件变化 3.子进程无法调用主进程api,解决方式:1.electron/remote(没研究出来),2.ipcMain和ipcRenderer 4.electr...
electron-vite-macos使用vite5.x整合electron32搭建项目框架模板,遵循Vue3 setup语法糖编码风格。 目前Electron32-Vue3-Macos桌面端os系统已经同步到我的原创作品集。 https://gf.bilibili.com/item/detail/1106958011 入口配置main.js /** * 渲染进程配置入口main.js * @author andy*/import { createApp } from...
"start": "electron-vite preview", "dev": "electron-vite dev", "build": "electron-vite build", "postinstall": "electron-builder install-app-deps", "build:win": "npm run build && electron-builder --win --config", "build:mac": "npm run build && electron-builder --mac --config",...
首先,我们通过Vite 提供的脚手架,创建一个基础的Vue 模板工程。 操作过程很简单, 我们通过下边的命令, 直接创建然后,选择即可。 npm init vite cd [project-name] npm install 初始化完,项目工程。 我们进入目录,使用命令,npm run dev, 就可以看到 Vite 模板工程的首页了。 接下来,我们将把Electron 添加到此工...
electron32-vue3-osx自研高性能Electron32+Vite5+Vue3+Pinia2+ArcoDesign+Echarts桌面版os管理模板。支持macos和windows两种桌面风格布局模板、自研可拖拽式栅格布局模板引擎、支持JSON动态配置桌面菜单/Dock菜单。 electronelectron-buildervitevue3arco designelectron32-osvue3+electron32桌面osvite+electron仿macosElectron...
Electron + VUE3 + 实现桌面级应用程序前端模板 前言 electron 用的版本是25.6.0 打包工具使用:vite vue版本:3.3.4 虽然是vue3.x版本,但是大部分的代码还是采用了vue2.x的语法去编写,这样让没有学过vue3的同学们,看起来更直观一点 Electron是一个用于构建跨平台桌面应用程序的开源框架,由 GitHub 开发和维护。
使用vue3和vite创建vue的项目然后引入electron 先创建vue项目 npm create vite@latest electron-desktop-tool 进入到项目 执行安装和运行命令,可以看到vue项目已经启动起来了 cd electron-desktop-tool npm install npm run dev 项目可以在浏览器中跑起来,说明没毛病,下一步就在项目中引入 electron ...
【win&mac】30分钟学会Vite创建和打包Electron+Vue3,前端跨平台桌面应用零基础入门教程【2024新版ESM规范】共计6条视频,包括:1.基于 Vite 创建 Vue3 项目、2.安装和配置 Electron、3.兼容 mac等,UP主更多精彩视频,请关注UP账号。
Electron + VUE3 + 实现桌面级应用程序前端模板 前言 electron 用的版本是25.6.0 打包工具使用:vite vue版本:3.3.4 虽然是vue3.x版本,但是大部分的代码还是采用了vue2.x的语法去编写,这样让没有学过vue3的同学们,看起来更直观一点 Electron是一个用于构建跨平台桌面应用程序的开源框架,由 GitHub 开发和维护。