// renderer.js// vue页面触发新增网站按钮事件const handleSubmit = async () => {const result = await window.electronAPI.sendUrl(url)//拿到主进程返回的结果,做添加处理console.log(result)} 2、预加载脚本页面 // preload.jsconst { contextBridge, ipcRenderer} = require('electron')//桥接渲染进程与...
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参数用来清除其它已经存在或者挂掉的进程...
1、创建项目 项目名称为:【my-electron】 npm init vite@latest my-electron 2、安装项目依赖 cdmy-electron npm install 3、安装插件 npm i concurrently electron cross-env -D 4、main.js const{ app,BrowserWindow} =require('electron');classAppWindowextendsBrowserWindow{constructor(config, urlLocation) {c...
先用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":"...
"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模板 ...
Electron【创建项目】使用 electron-vite (含启动项目) 1. 新建项目文件夹 以项目 electron-vue3 为例 2. 运行脚手架命令 在electron-vue3 文件夹内打开命令行执行 npm create @quick-start/electron@latest 1. 3. 用 vscode 打开项目 4. 安装项目依赖...
使用electron-vite 创建项目是一个相对简单的过程,以下是详细的步骤: 1. 安装 electron-vite 模板 首先,你需要全局安装 create-electron-vite 包,这是一个用于创建 electron-vite 项目的模板工具。你可以使用 npm 或 yarn 来安装它: bash npm init @vitejs/app@latest my-electron-vite-app -- --template ele...
得益于Vite卓越的前端开发体验,越来越多的Electron项目也开始应用它来构建开发。翻阅各种社区资源可以发现很多基于 Vite 搭建的 Electron 开发模板,但都存在着一些共同的问题: 配置相对复杂,繁琐(对 main,preload 和 renderer 分别配置) 需要辅助脚本来配合编译开发 ...
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 内存隔离区,这将...