https://github.com/electron-vite/electron-vite-vue

🥳 Really simple Electron + Vite + Vue boilerplate.
https://github.com/electron-vite/electron-vite-vue

electron rollup typescript vite vue

Last synced: 5 days ago
JSON representation

🥳 Really simple Electron + Vite + Vue boilerplate.

• Host: GitHub
• URL: https://github.com/electron-vite/electron-vite-vue
• Owner: electron-vite
• License: mit
• Created: 2020-08-16T04:49:23.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-07-25T05:50:36.000Z (6 months ago)
• Last Synced: 2024-12-31T17:06:06.314Z (12 days ago)
• Topics: electron, rollup, typescript, vite, vue
• Language: TypeScript
• Homepage: https://electron-vite.github.io
• Size: 14.6 MB
• Stars: 4,408
• Watchers: 40
• Forks: 582
• Open Issues: 35
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome - electron-vite/electron-vite-vue - 🥳 Really simple Electron + Vite + Vue boilerplate. (TypeScript)
• fucking-awesome-vite - electron-vite-vue - Electron + Vite + Vue template. (Get Started / Templates)
• awesome-boilerplate - Electron Vite Vue
• awesome-vite - electron-vite-vue - Electron + Vite + Vue template. (Get Started / Templates)
• awesome - electron-vite/electron-vite-vue - 🥳 Really simple Electron + Vite + Vue boilerplate. (TypeScript)
• awesome - electron-vite/electron-vite-vue - 🥳 Really simple Electron + Vite + Vue boilerplate. (TypeScript)

README

        
# electron-vite-vue

🥳 Really simple `Electron` + `Vue` + `Vite` boilerplate.

[![GitHub Build](https://github.com/electron-vite/electron-vite-vue/actions/workflows/build.yml/badge.svg)](https://github.com/electron-vite/electron-vite-vue/actions/workflows/build.yml)

[![GitHub Discord](https://img.shields.io/badge/chat-discord-blue?logo=discord)](https://discord.gg/sRqjYpEAUK)

## Features

📦 Out of the box  

🎯 Based on the official [template-vue-ts](https://github.com/vitejs/vite/tree/main/packages/create-vite/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 Setup

```sh

# clone the project

git clone https://github.com/electron-vite/electron-vite-vue.git

# enter the project directory

cd electron-vite-vue

# install dependency

npm install

# develop

npm run dev

```

## Debug

![electron-vite-react-debug.gif](https://github.com/electron-vite/electron-vite-react/blob/main/electron-vite-react-debug.gif?raw=true)

## Directory

```diff

+ ├─┬ 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

```

## FAQ

- [C/C++ addons, Node.js modules - Pre-Bundling](https://github.com/electron-vite/vite-plugin-electron-renderer#dependency-pre-bundling)

- [dependencies vs devDependencies](https://github.com/electron-vite/vite-plugin-electron-renderer#dependencies-vs-devdependencies)