electron_mirror=https://registry.npmmirror.com/-/binary/electron/:这个配置项指定了 Electron 包的镜像源,用于下载 Electron 框架相关的二进制文件 安装electron相关插件 接下来就可以进行安装electron和它相关的插件了 // 进入到项目中安装 electron npm install -D electron 安装electron-builder用于打包可安装exe程...
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参数用来清除其它已经存在或者挂掉的进程...
简介: 使用vue3+vite+electron构建小项目介绍Electron进程间通信 进程间通信 (IPC) 是在 Electron 中构建功能丰富的桌面应用程序的关键部分之一。 由于主进程和渲染器进程在 Electron 的进程模型具有不同的职责,因此 IPC 是执行许多常见任务的唯一方法,例如从 UI 调用原生 API 或从原生菜单触发 Web 内容的更改。
使用electron-vite 创建项目是一个相对简单的过程,以下是详细的步骤: 1. 安装 electron-vite 模板 首先,你需要全局安装 create-electron-vite 包,这是一个用于创建 electron-vite 项目的模板工具。你可以使用 npm 或 yarn 来安装它: bash npm init @vitejs/app@latest my-electron-vite-app -- --template ele...
自己一步步搭建。(推荐) 第一种:使用别人的框架直接搭建 容易 使用的框架为electron-vite 官网地址:https://cn-evite.netlify.app/ 1、安装electron-vite npm i electron-vite -D 2、创建项目 yarn create @quick-start/electron 这里项目名字为:electron-app(自行修改),使用react框架 ...
"vite":"^4.4.5""react":"^18.2.0""electron":"^27.0.1""electron-builder":"^24.6.4""vite-plugin-electron":"^0.14.1" 搭建react18项目 使用vite4构建工具创建react项目模板。 yarn create vite electron-vite4-react18 # 选择创建react模板 ...
先用Vite创建一个Vue3的工程,这就是你的实际项目工程 接着安装几个Electron相关的依赖,最终我的工程下的依赖情况如下: 代码语言:javascript 复制 "@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":"...
2. 创建一个vite项目 在windows包里调出cmd后执行 npm create vite 3. 安装electron npm install --save-dev electron npm install --save-dev electron@20.0.0 指定版本 注意:在electron21+后调用C++动态库会出现Error: Error in native callback错误,原因:Electron 21 及更高版本将启用 V8 内存隔离区,这将...
学习Electron入门到精通,掌握Vue3+Vite搭建脚手架项目 #前端 #electron #electron-builder #代码 - 李钟意讲前端于20230601发布在抖音,已经收获了8.7万个喜欢,来抖音,记录美好生活!
搭建第一个 electron-vite 项目 在命令行中运行以下命令: npm create @quick-start/electron yarn create @quick-start/electron pnpm create @quick-start/electron 然后按照提示操作即可! ✔ Project name: … <electron-app> ✔ Select a framework: › vue ...