mirror of
https://github.com/electron-vite/electron-vite-vue
synced 2024-10-12 15:39:56 +08:00
dfa7f855f9
Fix/open child window |
||
---|---|---|
.github | ||
.vscode | ||
electron | ||
public | ||
src | ||
.gitignore | ||
CHANGELOG.md | ||
electron-builder.json5 | ||
index.html | ||
LICENSE | ||
package.json | ||
README.md | ||
tsconfig.json | ||
tsconfig.node.json | ||
vite.config.ts |
electron-vite-vue
🥳 Really simple Electron
+ Vue
+ Vite
boilerplate.
Features
📦 Out of the box
🎯 Based on the official template-vue-ts, 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 Preload-Scripts
├─┬ src
│ └── main.ts entry of Electron-Renderer
├── index.html
├── package.json
└── vite.config.ts
Be aware
🚨 By default, this template integrates Node.js in the Renderer process. If you don't need it, you just remove the option below. Because it will modify the default config of Vite.
# vite.config.ts
export default {
plugins: [
- // Use Node.js API in the Renderer-process
- renderer({
- nodeIntegration: true,
- }),
],
}
FAQ
- dependencies vs devDependencies
- Using C/C++ native addons in Electron-Renderer
- Node.js ESM packages (e.g.
execa
node-fetch
)