electronforge可将前端静态页面打包成.exe、.deb和.rpm等,能适配各种平台 一、安装依赖 cd my-app npm install --save-dev @electron-forge/cli npm exec --package=@electron-forge/cli -c "electron-forge import" 安装后package.json自动生成新的命令 ...
Electron forge + vite 打包问题整理 尽管使用了"内置电池 - batteries-included"的Electron forge进行打包,依然出现了不少问题并花费大量时间处理,特此记录以便后续查阅。 初始环境 使用了Electron官方推荐的Electron Forge创建项目环境(Vite+Ts)模板 npm init electron-app@latest my-new-app---template=vite-typescrip...
很多vue3的UI可以使用,例如本文选用的arco-design,这就是站在巨人肩膀之上。 背景 结合Electron Forge、Vite和Vue 3,你可以快速构建功能丰富的跨平台桌面应用程序,尽管你可能只懂web开发,你一样可以轻松的开发出各式各样的桌面应用。而且Vite的快速热更新能力和Vue 3的高效性能,加速了开发周期,使得开发者能够更快地...
目前常用创建 Electron + Vite + Vue3 + Typescript 项目的工具有两个: Electron Forge,该工具为Electron的官方工具 2. Electron-vite,该是一个新型构建工具,已经逐渐成为 Electron 开发生态的一部分。 经过两…
yarn global add electron-forge-template-vite # 2. 找个地儿创建一个文件夹,然后进入到新创建的文件夹。 mkdir electron-vite && cd electron-vite # 3. 然后执行下面的命令就可以创建 Vite 模板啦。 yarn create electron-app --template=vite 创建完工程后,你就可以按照 Electron Forge 的文档的使用方式...
"scripts": {"dev":"vite","serve":"electron .","start":"concurrently \"yarn dev\" \"electron-forge start\""} 因为打包会用到Electron Forge,新增了electron-forge start命令启动 Electron,所以这里就改了 现在执行yarn start会同时启动 Vue 和 Electron ...
这个是electron-vite 是一个新型构建工具,旨在为Electron提供更快、更精简的开发体验。 npm i electron-vite -D npm create @quick-start/electron@latest 跟着脚手架安装完就是vue3+ts+electron的集成项目 3.>electron Forge比electron更适合vite这种配置,没有第二种集成度高 ...
Vite plugin for Electron Forge, lets you use Vite directly in your tooling. Latest version: 7.6.0, last published: 5 days ago. Start using @electron-forge/plugin-vite in your project by running `npm i @electron-forge/plugin-vite`. There are no other proj
Electron Forge v7.3.0 已发布，此版本不再内置 Vite 版本，用户可自由升级。Vite@5 升级后，npm 下载量翻倍，可见用户反馈积极。此版本涉及三个主要的 npm 包，整体设计更加开放、透明，更符合 Vite 用户的使用习惯。吸取了之前的 issues 经验，以适应 Forge 发布节奏，定义为 Break 级别更新。相比...
npm install @electron-forge/cli --save-dev npm exec --package=@electron-forge/cli -c "electron-forge import" 2. 编写electron-vite项目代码 在配置好依赖后,你需要编写Electron项目的代码。这通常包括一个主进程文件(如main.js或index.js)和一个或多个渲染进程文件(通常是你的Vite项目生成的HTML/CSS/...