Vite是一个现代化的前端构建工具,特别适合用于Vue项目。你可以通过yarn来安装Vite的相关插件,比如vite-plugin-electron。安装完成后,创建一个electron目录,用于存放Electron的源代码文件。 融合Electron和Vite 🔄 这一步有点技术含量,需要对Electron和Vite有一定的了解。简单来说,你需要在Vite的配置文件中引入Electron的...
window.electron.ipcRenderer.send('max') } function cancel_max() { window.electron.ipcRenderer.send('cancel_max') } window.electron.ipcRenderer.on('unmaximize', () => { ifMax.value = false }) window.electron.ipcRenderer.on('maximize', () => { ifMax.value = true }) const iconClass...
1.使用electron-vite创建工程 目录在 xxxx_projects\favorite_modules\electron-vite 推荐使用最简单的方式创建electron-vite项目 npm create @quick-start/electron//有几个选项,依次是项目名称,使用vue框架,是否使用ts✔ Project name:…<electron-app>✔ Select a framework:› vue ✔ Add TypeScript?… No...
1 Electron核心概念 1.1 主进程(main) 1.2 渲染进程(renderer) 1.3 预加载脚本(preload) 2 初始化项目 2.1 使用electron-vite新建项目 2.2 精简项目 2.3 去掉renderer的src目录 3 Vite基础配置 3.1 配置国内镜像源 3.2 支持Sass/Scss/Less/Stylus 3.3 设置路径别名 4 项目架构搭建 4.1 项目目录结构设计 4.2 关于...
electron-vite 是一个新型 Electron 开发构建工具,旨在为 Electron 提供更快、更精简的开发体验。 源代码保护 背景 无法保护 Electron 源代码,是很多开发者提及最多的问题之一。我们都知道 Electron 使用 javascript 来构建桌面应用程序,这使得黑客很容易对我们的应用程序进行进行解包、修改逻辑破解商业化限制、重新打包,...
使用electron-vite框架搭建,优点是环境齐全、搭建简单 自己一步步搭建。(推荐) 第一种:使用别人的框架直接搭建 容易 使用的框架为electron-vite 官网地址:https://cn-evite.netlify.app/ 1、安装electron-vite npm i electron-vite -D 2、创建项目 yarn create @quick-start/electron ...
尽管使用了"内置电池 - batteries-included"的Electron forge进行打包,依然出现了不少问题并花费大量时间处理,特此记录以便后续查阅。 初始环境 使用了Electron官方推荐的Electron Forge创建项目环境(Vite+Ts)模板 npm init electron-app@latest my-new-app---template=vite-typescript 创建...
Electron-Vite还为Electron应用程序提供了特定的配置选项,以满足桌面应用开发的需求。它可以无缝地集成TypeScript、Vue、React等主流的前端框架,并提供了一些定制化选项,以便开发者根据自己的需求进行配置。 总之,Electron-Vite是一个功能强大且灵活的工具,它将现代化的前端开发工具Vite和跨平台桌面应用程序开发框架Electron相...
vite: { build: { outDir:"dist-electron"} }, }, ]), ], server: { port:3212, }, }); 我把它输出到dist-electron文件夹下面,与srl同级 4、修改package.json,main入口,和防止乱码chcp 65001 由于electron主进程是使用的node环境,而默认情况下,Node.js 使用的是 CommonJS 模块规范,而import语句属于 ...
项目使用electron-vite脚手架搭建 ps:还有一个框架是electron-vite,这个框架我发现与pixi库有冲突,无法使用,如果不用pixi也可以用这个脚手架。 node 版本建议18+ --- 运行live2D相关依赖 1.pixi.js npm install pixi.js@6.5.10 // pixi 后面可能运行会报错,提示需要安装unsafe-eval // 需要注意pixi...