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:...
Vite是一个现代化的前端构建工具,特别适合用于Vue项目。你可以通过yarn来安装Vite的相关插件,比如vite-plugin-electron。安装完成后,创建一个electron目录,用于存放Electron的源代码文件。 融合Electron和Vite 🔄 这一步有点技术含量,需要对Electron和Vite有一定的了解。简单来说,你需要在Vite的配置文件中引入Electron的...
更改:“dev”:“vite” ——> "start": "vite", {"name":"my-electron","private":true,"version":"0.0.0","main":"main.js","scripts":{"start":"vite","build":"tsc && vite build","preview":"vite preview","dev":"concurrently \"electron .\" \"cross-env BROWSER=none vite\""},"...
在「vite.config.ts」中配置vite-plugin-electron插件入口 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import electron from 'vite-plugin-electron' // https://vitejs.dev/config/ export default defineConfig({ plugins: [ vue(), electron({ // 主进程入口文件 entry:...
vite的构建方式让前端人员的编程体验好了太多,最近在学习electron应用的开发,就在想能不能使用vite的方式开发electron应用。看了很多方案,大部分都是基于webpack的脚手架。那么有没有一种方式能够将 vite结合el…
目前社区两大Vue+Electron的脚手架:electron-vue和vue-cli-plugin-electron-builder, 都有这样那样的问题,且都还不支持Vue3,然而Vue3已是大势所趋, Vite势必也将成为官方Vue脚手架, 下图是尤雨溪在开发好Vite之后与webpack之父的对话 所以开发一个Vite+Vue3+Electron的脚手架的需求日趋强烈 ...
与此同时,Electron是一个跨平台的桌面应用程序开发框架,可让开发者使用Web技术(如HTML、CSS和JavaScript)构建强大的桌面应用。 Electron-Vite的目标是将Vite的开发环境和Electron的打包能力结合在一起,以提供高效的开发体验。开发者可以充分利用Vite的优势,如快速的开发重启和模块热重载,来加速Electron应用程序的开发过程...
npm init electron-app@latest my-new-app -- --template=vite 1. Vue3 添加vue依赖 复制 npm install--save vue 1. 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.renderer.config.mjs。这里修改vite.renderer.config.mjs如下。
基于Vite+Vue3+Electron整了一个桌面应用模板 目录 前言:[1] 准备工作:[2] 架构设计:[3] 基本代码:[4] 代码结构:[5] 主进程(main.js):[6] 子进程:[7] 工具函数:[8] 消息中心:[9] electron 模块:[10] 在vue 的全局调用上述几个函数:[11]...
得益于 Vite 卓越的前端开发体验,越来越多的 Electron 项目也开始应用它来构建开发。翻阅各种社区资源可以发现很多基于 Vite 搭建的 Electron 开发模板,但...