Vue Templates Logo Vue Templates
Electron Vite Vue screenshot

Electron Vite Vue

Author Avatar Theme by Electron vite
Updated: 21 Apr 2024
4628 Stars

Really simple Electron + Vite + Vue boilerplate.

Github Live Preview

Categories

Vite

Overview

The electron-vite-vue is a simple Electron + Vue + Vite boilerplate that enables developers to quickly set up and start working on Electron applications using the Vue framework and the Vite build tool. It is based on the official template-vue-ts, providing a less invasive structure that can be easily extended. The boilerplate also offers support for using the Node.js API in the Electron renderer, implementing C/C++ native addons, and effortlessly creating multiple windows.

Features

  • Out of the box: The boilerplate comes with all the necessary configurations and dependencies pre-setup, allowing developers to start working on their Electron + Vue projects without any additional setup.
  • Less invasive: Based on the official template-vue-ts, the boilerplate offers a simplified and less intrusive directory structure, making it easier for developers to navigate and work with the code.
  • Extensible and simple directory structure: The boilerplate is highly extensible, enabling developers to easily add new features and functionality. It also follows a simple directory structure, reducing complexity and improving code organization.
  • Support for using Node.js API in Electron-Renderer: Developers can seamlessly use the Node.js API in the Electron renderer, allowing them to access various system functionalities and resources.
  • Support for C/C++ native addons: The boilerplate provides support for integrating C/C++ native addons into Electron applications, allowing developers to leverage the power of native code in their projects.
  • Easy implementation of multiple windows: Creating multiple windows in an Electron application is made easy with this boilerplate, simplifying the process of building complex desktop applications.

Installation

To install the electron-vite-vue boilerplate, follow these steps:

  1. Clone the repository from GitHub:
git clone <repository-url>
  1. Change into the project directory:
cd electron-vite-vue
  1. Install the dependencies using npm:
npm install
  1. Build the project using Vite:
npm run build
  1. Start the Electron application:
npm start

Summary

The electron-vite-vue boilerplate provides a simple and efficient way to get started with Electron application development using Vue and Vite. It offers a range of features including out-of-the-box configurations, support for Node.js API in the Electron renderer, integration of C/C++ native addons, and easy implementation of multiple windows. With its less invasive directory structure and extensibility, the boilerplate sets developers up for success in building powerful Electron applications with Vue and Vite.