PSC:\Users\huanghe\others\vscode-projects\learnElectronAndVite\vite-project>npmrundev>vite-project@0.0.0dev>vitevite特有的钩子config被调用!参数config为:{plugins:[{name:'vite:vue',api:[Object],handleHotUpdate:[Function:handleHotUpdate],config:[Function:config],configResolved:[Function:config...
插件的功能是拦截 import electron from 'electron' 并返回正确的 ESM 格式代码,我们先创建好 electron.js 模板代码;然后使用 resolve.alias 对其进行拦截 import { resolve } from 'path' import { writeFileSync } from 'fs' export default { plugins: [{ name: 'vite-plugin-electron/renderer', config(co...
vite --config vite.config.electron.ts:指定vite运行时的配置文件。 {"name":"electron_vite","private":true,"version":"1.0.0","main":"dist-electron/main.js","type":"commonjs","scripts": {"dev":"chcp 65001&&vite","build":"vue-tsc && vite build","preview":"vite preview","electron:...
npm install -D electron electron-builder electron-devtools-installer vite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一个main.js文件 用来写主进程代码 const{app,BrowserWindow}=require('electron');const...
使用的框架为electron-vite 官网地址:https://cn-evite.netlify.app/ 1、安装electron-vite npm i electron-vite -D 2、创建项目 yarn create @quick-start/electron 这里项目名字为:electron-app(自行修改),使用react框架 3、进入项目目录 cd electron-app ...
Electron-Vite还为Electron应用程序提供了特定的配置选项,以满足桌面应用开发的需求。它可以无缝地集成TypeScript、Vue、React等主流的前端框架,并提供了一些定制化选项,以便开发者根据自己的需求进行配置。 总之,Electron-Vite是一个功能强大且灵活的工具,它将现代化的前端开发工具Vite和跨平台桌面应用程序开发框架Electron相...
所以开发一个Vite+Vue3+Electron的脚手架的需求日趋强烈 我前段时间做了一个, 但是发现了一些与Vite有关的问题, 比如:Vite会把开发环境的process对象吃掉的问题 这对于web项目来说问题不大,但对于我们的Electron项目来说,就影响很大了 今天我就把这个思路和实现方式的关键代码发出来供大家参考, ...
在Electron 中开启 node 集成,可全程基于 cjs 模块化标准编写代码,尽管不需要编译构建,但不利于利用现代前端框架,还会面临严重的性能和安全问题 基于esm 标准不编译构建,尽管 node 本身已支持,但 Electron 并不支持,这也是 Electron 后续版本的一项工作 electron-vite 是什么 ...
electron-vite 一nodejs安装 打开网址 https://www.nodejs.com.cn/ 下载nodejs,找到对应版本一般是windows(x64) 安装的时候,一直下一步(next),直到Tools for Native Modules这个界面,这个地方别勾选 2.安装完成后的一些说明 1.首先是默认配置了环境变量Path为c:\xxx\nodejs\,打开命令行输入node -v有结果...
electron-vite 是一个新型 Electron 开发构建工具,旨在为 Electron 提供更快、更精简的开发体验。 源代码保护 背景 无法保护 Electron 源代码,是很多开发者提及最多的问题之一。我们都知道 Electron 使用 javascript 来构建桌面应用程序,这使得黑客很容易对我们的应用程序进行进行解包、修改逻辑破解商业化限制、重新打包,...