Vite是一个现代化的前端构建工具,特别适合用于Vue项目。你可以通过yarn来安装Vite的相关插件,比如vite-plugin-electron。安装完成后,创建一个electron目录,用于存放Electron的源代码文件。 融合Electron和Vite 🔄 这一步有点技术含量,需要对Electron和Vite有一定的了解。简单来说,你需要在Vite的配置文件中引入Electron的...
Vite势必也将成为官方Vue脚手架, 下图是尤雨溪在开发好Vite之后与webpack之父的对话 所以开发一个Vite+Vue3+Electron的脚手架的需求日趋强烈 我前段时间做了一个, 但是发现了一些与Vite有关的问题, 比如:Vite会把开发环境的process对象吃掉的问题 这对于web项目来说问题不大,但对于我们的Electron项目来说,就影响很大...
npm create @quick-start/electron my-app -- --template svelte 安装后发现支持的是 Svelte,不是 SvelteKit,而后者更适用于项目开发。 2.2 electron-vite-sveltekit-template 【共9条命令】 继续找啊找,然后找到了这个:https://github.com/dj-nuo/electron-vite-sveltekit-template 这个项目是直接借用了 electron-...
一、创建项目 1、脚手架创建 //官方脚手架 npm create electron-app@latest my-app //my-app 项目名称 //create-electron-vite脚手架 npm create electron-vite@latest my-app 2、选择模板 PS D:\webPro\yunfeng\electron> npm create electron-vite@latest electron-note ? Project template: » - Use ar...
所以开发一个Vite+Vue3+Electron的脚手架的需求日趋强烈 我前段时间做了一个, 但是发现了一些与Vite有关的问题, 比如:Vite会把开发环境的process对象吃掉的问题 这对于web项目来说问题不大,但对于我们的Electron项目来说,就影响很大了 今天我就把这个思路和实现方式的关键代码发出来供大家参考, ...
electron-vite旨在解决这些问题,为 Electron 提供更快、更精简的开发体验。 这个脚手架虽然说的很厉害,但是还是有一些不足,比如对vue项目初始化时的配置不如官方的精细。还需要自己手动配置自己喜爱的开发方式。但是瑕不掩瑜,它依然是目前我认为搭建electron配置最少的方式了。
有一说一 Vite 相对于 Webpack 使用要简单的多,概念少;你只需要一个 vite-plugin-xxx 就能解决对应的问题了,最起码这点对我们脱离脚手架自己动手算是个“利好”;就像 Vue 于刚入手前端框架的小白那样很是友好,Vite 对刚刚接触它的同学也很是友好。本文从 Vite 插件入手,通过插件的形式接管 Electron 的启动、热...
背景一:Electron 官方的脚手架 Forge 目前(2022-12-10)只有 Webpack 版本的初始化模板,并没有提供 Vite 的方案。这对一些体会过 Vite 速度的用户来说是很迫切希望的! 背景二:Vite4.x 刚刚(2022-12-09)发布,从 3.x 到 4.x 的主要改变最主要的就是使用 Rollup3.x 也标志着 Vite 已经进入了成熟阶段。
我使用electron-vite作为脚手架。该脚手架的优点在于它具有非常简单易用的配置,能够快速地启动应用程序的开发。同时,还提供了多个前端框架用作启动,包括 React、Vue 和 Angular 等,这使得我们可以根据自己的需求选择最适合自己的前端框架。除此之外,electron-vite 还提供了安全与标准工作模版,帮助开发者更好地开发应用...