1. 安装 electron-vite 模板 首先,你需要全局安装 create-electron-vite 包,这是一个用于创建 electron-vite 项目的模板工具。你可以使用 npm 或 yarn 来安装它: bash npm init @vitejs/app@latest my-electron-vite-app -- --template electron # 或者 yarn create @vitejs/app my-electron-vite-app --...
Electron【创建项目】使用 electron-vite (含启动项目) 1. 新建项目文件夹 以项目 electron-vue3 为例 2. 运行脚手架命令 在electron-vue3 文件夹内打开命令行执行 npm create @quick-start/electron@latest 1. 3. 用 vscode 打开项目 4. 安装项目依赖 在vscode 的终端中执行 npm i 1. 5. 启动项目 6. ...
npm install -Dvite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一个main.ts文件 用来写主进程代码 // src-electron/main.js const { app, BrowserWindow } = require('electron') const { join } = ...
1、创建项目 npm init vite @latest 项目名称 vue typescript 注释:如果没有安装全局的electron npm install electron 安装不成功时需要配置C:\Users\72764\.npmrc(electron_mirror="https://npm.taobao.org/mirrors/electron/") 2、安装服务 concurrently:阻塞运行多个命令,-k参数用来清除其它已经存在或者挂掉的进程...
vite项目配置electron 打包,基于打包完成的dist文件 1、安装electron插件 1 yarn add --dev electronyarn add -D electron-builder 2、修改vite.config.js/vite.config.ts base 指向dist 1 base:'./' 3、增加electron的配置文件 electron\electron.js
"commonjs",这样整个项目都会默认为CommonJS模块。 这里直接将forge.config.js改为forge.config.cjs,再次运行npm run start,打开出现白屏 (node:78116) electron: Failed to load URL: file:///D:/webPro/yunfeng/electron-vite-project/dist/index.html with error: ERR_FILE_NOT_FOUND ...
yarn create vite electron-vite4-react18 # 选择创建react模板 cd electron-vite4-react18 yarninstallyarn dev 至此,一个基础的react模板项目就创建好了。接下来就是安装electron相关的依赖配置。 安装electron关联依赖包 注意:如果安装出现卡顿情况,建议设置淘宝镜像源。
简介: 使用vue3+vite+electron构建小项目介绍Electron进程间通信 进程间通信 (IPC) 是在 Electron 中构建功能丰富的桌面应用程序的关键部分之一。 由于主进程和渲染器进程在 Electron 的进程模型具有不同的职责,因此 IPC 是执行许多常见任务的唯一方法,例如从 UI 调用原生 API 或从原生菜单触发 Web 内容的更改。
在使用 Electron 与 Vite 结合开发 React 项目时,遇到 main 进程中的console.log或错误输出不显示在终端或开发者工具中的情况,通常不是由 Vite 直接引起的,而是与 Electron 的日志和错误处理机制有关。以下是一些可能的解决步骤和检查点: 确认Electron 的日志输出: ...
目前常用创建 Electron + Vite + Vue3 + Typescript 项目的工具有两个: Electron Forge,该工具为Electron的官方工具 2. Electron-vite,该是一个新型构建工具,已经逐渐成为 Electron 开发生态的一部分。 经过两…