Awesome
<h1 align="center">electron-app</h1> <p align="center">An Electron application with Vue3 and TypeScript</p> <p align="center"> <img src="https://img.shields.io/github/package-json/dependency-version/alex8088/electron-vite-boilerplate/dev/electron" alt="electron-version"> <img src="https://img.shields.io/github/package-json/dependency-version/alex8088/electron-vite-boilerplate/dev/electron-vite" alt="electron-vite-version" /> <img src="https://img.shields.io/github/package-json/dependency-version/alex8088/electron-vite-boilerplate/dev/electron-builder" alt="electron-builder-version" /> <img src="https://img.shields.io/github/package-json/dependency-version/alex8088/electron-vite-boilerplate/dev/vite" alt="vite-version" /> <img src="https://img.shields.io/github/package-json/dependency-version/alex8088/electron-vite-boilerplate/dev/vue" alt="vue-version" /> <img src="https://img.shields.io/github/package-json/dependency-version/alex8088/electron-vite-boilerplate/dev/typescript" alt="typescript-version" /> </p> <p align='center'> <img src='./build/electron-vite-vue-ts.png'/> </p>Features
- 💡 Optimize asset handling
- 🚀 Fast HMR for renderer processes
- 🔥 Hot reloading for main process and preload scripts
- 🔌 Easy to debug
- 🔒 Compile to v8 bytecode to protect source code
Getting Started
Read documentation for more details.
- Configuring
- Development
- Asset Handling
- HMR & Hot Reloading
- Debugging
- Source code protection
- Distribution
- Troubleshooting
You can also use the create-electron tool to scaffold your project for other frameworks (e.g. React, Svelte or Solid).
Recommended IDE Setup
Project Setup
Install
$ npm install
Development
$ npm run dev
Build
# For windows
$ npm run build:win
# For macOS
$ npm run build:mac
# For Linux
$ npm run build:linux
Examples
- electron-vite-bytecode-example, source code protection
- electron-vite-decorator-example, typescipt decorator
- electron-vite-worker-example, worker and fork