使用了Electron官方推荐的Electron Forge创建项目环境(Vite+Ts)模板 npm init electron-app@latest my-new-app---template=vite-typescript 创建完成后会得到初始目录 初始目录 之后可根据vite规范创建其他目录/文件,比如/public、.env等 完整目录 多页配置 如要配置多HTML页面可在vite.renderer.config.ts文件中添加,...
结合Electron Forge、Vite和Vue 3,你可以快速构建功能丰富的跨平台桌面应用程序,尽管你可能只懂web开发,你一样可以轻松的开发出各式各样的桌面应用。而且Vite的快速热更新能力和Vue 3的高效性能,加速了开发周期,使得开发者能够更快地迭代和测试应用。很多vue3的UI可以使用,例如本文选用的arco-design,这就是站在巨人...
npm install --save-dev @electron-forge/cli 2.自动配置:这里forge会自动配置你的package.json的代码,所以推荐在执行前先拷贝一份,避免命令冲突被置换找不回来。 npx electron-forge import 这一步会出现一些问题,因为forge的打包和配置是需要git的环境支持,所以这里可能会报错Could not find git in environment,出...
yarn global add electron-forge-template-vite # 2. 找个地儿创建一个文件夹,然后进入到新创建的文件夹。 mkdir electron-vite && cd electron-vite # 3. 然后执行下面的命令就可以创建 Vite 模板啦。 yarn create electron-app --template=vite 创建完工程后,你就可以按照 Electron Forge 的文档的使用方式...
目前常用创建 Electron + Vite + Vue3 + Typescript 项目的工具有两个: Electron Forge,该工具为Electron的官方工具 2. Electron-vite,该是一个新型构建工具,已经逐渐成为 Electron 开发生态的一部分。 经过两…
Electron Forge v7.3.0 已发布,此版本不再内置 Vite 版本,用户可自由升级。Vite@5 升级后,npm 下载量翻倍,可见用户反馈积极。此版本涉及三个主要的 npm 包,整体设计更加开放、透明,更符合 Vite 用户的使用习惯。吸取了之前的 issues 经验,以适应 Forge 发布节奏,定义为 Break 级别更新。相比...
Electron Forge文档:https://www.electronforge.io/ npminitelectron-app@latest my-app---template=vite 可选模板 webpack webpack-typescript vite vite-typescript 安装VUE npm install --save vue 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.rend...
这个是electron-vite 是一个新型构建工具,旨在为Electron提供更快、更精简的开发体验。 npm i electron-vite -D npm create @quick-start/electron@latest 跟着脚手架安装完就是vue3+ts+electron的集成项目 3.>electron Forge比electron更适合vite这种配置,没有第二种集成度高 ...
Electron Forge文档:https://www.electronforge.io/ npm init electron-app@latest my-app---template=vite 可选模板 webpack webpack-typescript vite vite-typescript 安装VUE npm install--save vue 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.re...
云风网 云风笔记云风知识库electronforge可将前端静态页面打包成.exe、.deb和.rpm等,能适配各种平台一、安装依赖 {代码...} 安装后package.json自动生成新的...