vite+electron构建桌面版应用教程超简单

目录

概述

快速开始

目录结构

&＃x1f973; Electron &＃43; Vite &＃43; Vue 整合模板 -- 结构简单&＃xff0c;容易上手&＃xff01;

概述

&＃x1f4e6; 开箱即用
&＃x1f4aa; 支持 C/C&＃43;&＃43; 模块
&＃x1f529; 支持在渲染进程中使用 Electron、Node.js API
&＃x1f331; 结构清晰&＃xff0c;可塑性强
&＃x1f5a5; 很容易实现多窗口

快速开始

npm create electron-vite

or

yarn create electron-vite

目录结构

├── dist 构建后&＃xff0c;根据 packages 目录生成
| ├── main
| ├── preload
| └── renderer
|
├── scripts
| ├── build.mjs 项目开发脚本 npm run build
| └── watch.mjs 项目开发脚本 npm run dev
|
├── packages
| ├── main 主进程源码
| | └── vite.config.ts
| ├── preload 预加载脚本源码
| | └── vite.config.ts
| └── renderer 渲染进程源码
| └── vite.config.ts

electron-vite-vue