English | 简体中文
🥳 Electron + Vite + Vue 整合模板 -- 结构简单,容易上手!
这是一个追求精简的Electron
类整合模板,只保持最基本的文件、最基本的依赖、最基本的功能;而不是大而全的、臃肿的设计。这样做的目的是能确保模板足够灵活。
所以说如果你是对 -- 工程模板追求精简的 Coder,或者刚入世的小白想弄明白Electron
整合类模板最基础的工作原理,亦或者你是大神只是想偷懒少干点活;那么这个模板最合适你不过了。
尽管如此,我还是希望你对Electron
Vite
有一定的基础;因为除了项目结构简单外,这份README
也显得 “精简” 。
模板的具体实现细节我相信你看两遍源码就能把它吃透了 😋
一旦启动或打包脚本执行过,会在根目录产生 dist
文件夹,里面的文件夹同 packages
一模一样;在使用一些路径计算时,尤其是相对路径计算;dist
与 packages
里面保持相同的目录结构能避开好多问题
├
├── dist 构建后,根据 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
├
在 Main-process 中使用 👉 electron-vite-boilerplate
在 Renderer-process 中使用 👉 electron-vite-boilerplate/tree/nodeIntegration
ES Modules
Native Addons