electron-vite-vue

🥳 Really simple Electron + Vue + Vite boilerplate.

Features

📦 Out of the box
🎯 Based on the official vue-ts template, less invasive
🌱 Extensible, really simple directory structure
💪 Support using Node.js API in Electron-Renderer
🔩 Support C/C++ native addons
🖥 It's easy to implement multiple windows

Quick Start

npm create electron-vite

Debug

Directory

+ ├─┬ electron
+ │ ├─┬ main
+ │ │ └── index.ts    entry of Electron-main
+ │ └─┬ preload
+ │   └── index.ts    entry of Electron-preload
  ├─┬ src
  │ └── main.ts       entry of Electron-renderer
  ├── index.html
  ├── package.json
  └── vite.config.ts

🚨 `dependencies` vs `devDependencies`

Put Node.js packages in dependencies

🚨 e.g.

electron-store
sqlite3
serilaport
mongodb
...others Node.js packages

Put Web packages in devDependencies

🚨 e.g.

vue
vue-router
vuex
pinia
element-plus
ant-design-vue
axios
...others Web packages

TODO: ESM packages

node-fetch
execa
...others ESM packages

See more 👉 dependencies vs devDependencies

2.3 KiB Raw Blame History