# simulatedgreg/electron-vue

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/simulatedgreg-electron-vue).**

15,399 stars · 1,513 forks · JavaScript · MIT · archived

## Links

- GitHub: https://github.com/SimulatedGREG/electron-vue
- Homepage: https://simulatedgreg.gitbooks.io/electron-vue/content/
- awesome-repositories: https://awesome-repositories.com/repository/simulatedgreg-electron-vue.md

## Topics

`babel` `boilerplate` `documentation` `electron` `electron-builder` `electron-packager` `end-to-end-testing` `es6` `unit-testing` `vue` `vue-cli` `webpack`

## Description

electron-vue is a pre-configured project boilerplate and scaffolding system for building desktop applications using Electron and Vue.js. It provides a standardized project structure and an integrated build pipeline to accelerate the development of desktop software.

The project enables a hybrid deployment model, allowing developers to generate both standalone desktop executables for multiple operating systems and browser-compatible web versions from a single codebase. It distinguishes its development workflow with hot reloading and hot module replacement to update the user interface in real-time without manual restarts.

The toolset covers a broad range of capabilities, including automated desktop testing for unit and end-to-end suites, cross-platform binary packaging for production distribution, and frontend environment management through state management and code quality linting.

## Tags

### Operating Systems & Systems Programming

- [Project Scaffolders](https://awesome-repositories.com/f/operating-systems-systems-programming/desktop-environment-frameworks/desktop-environment-components/desktop-application-development/project-scaffolders.md) — Provides a pre-configured project structure and scaffolding system to rapidly start new desktop applications.

### Web Development

- [Vue.js Project Bootstrapping](https://awesome-repositories.com/f/web-development/vue-js-project-bootstrapping.md) — Provides a standardized folder hierarchy and initial files specifically for building Vue.js applications. ([source](https://simulatedgreg.gitbooks.io/electron-vue/content/cn/))
- [Hybrid Desktop-Web Deployments](https://awesome-repositories.com/f/web-development/hybrid-desktop-web-deployments.md) — Allows generating both standalone desktop executables and browser-compatible web versions from a single codebase.
- [Hybrid Web Exports](https://awesome-repositories.com/f/web-development/hybrid-web-exports.md) — Enables the generation of browser-compatible web versions from the same codebase used for the desktop application. ([source](https://simulatedgreg.gitbooks.io/electron-vue/content/pt_BR/))
- [Vue Starter Templates](https://awesome-repositories.com/f/web-development/vue-starter-templates.md) — Provides pre-configured project blueprints and boilerplates specifically for building Electron and Vue.js applications.
- [Hosted Web Interfaces](https://awesome-repositories.com/f/web-development/web-application-hosting/hosted-web-interfaces.md) — Allows the application to run directly in a browser via a web-compatible output. ([source](https://cdn.jsdelivr.net/gh/simulatedgreg/electron-vue@master/README.md))
- [Web-Targeted Source Compilers](https://awesome-repositories.com/f/web-development/web-targeted-source-compilers.md) — Compiles the application source into browser-compatible JavaScript for deployment to web browsers. ([source](https://simulatedgreg.gitbooks.io/electron-vue/content/en/))
- [Web Version Exports](https://awesome-repositories.com/f/web-development/web-version-exports.md) — Exports the application for execution in a standard web browser alongside the desktop environment. ([source](https://simulatedgreg.gitbooks.io/electron-vue/content/ko/))

### Development Tools & Productivity

- [Cross-Platform Build Systems](https://awesome-repositories.com/f/development-tools-productivity/cross-platform-build-systems.md) — Automates the compilation and packaging of software into distributable binaries for multiple target operating systems.
- [Desktop Application Packagers](https://awesome-repositories.com/f/development-tools-productivity/desktop-application-packagers.md) — Ships tools that transform source code into standalone executable binaries for desktop operating systems. ([source](https://simulatedgreg.gitbooks.io/electron-vue/content/cn/))
- [Distribution Package Builders](https://awesome-repositories.com/f/development-tools-productivity/distribution-package-builders.md) — Compiles source code and project specifications into distributable installation files for end users. ([source](https://simulatedgreg.gitbooks.io/electron-vue/content/en/npm_scripts.html))
- [Electron Application Development Tooling](https://awesome-repositories.com/f/development-tools-productivity/electron-application-development-tooling.md) — Provides tools for managing the project structure, dependencies, and build lifecycle of Electron-based desktop apps.
- [Project Bootstrapping Templates](https://awesome-repositories.com/f/development-tools-productivity/project-bootstrapping-templates.md) — Provides predefined blueprints to generate the initial directory structures and configuration files for new projects. ([source](https://simulatedgreg.gitbooks.io/electron-vue/content/ja/))
- [Configuration-Driven Scaffolding](https://awesome-repositories.com/f/development-tools-productivity/project-scaffolding-config-code-generation/project-scaffolding-configuration/project-scaffolding/configuration-driven-scaffolding.md) — Generates a standardized folder structure and configuration files via a command line interface for rapid project setup.
- [Desktop UI Project Scaffolders](https://awesome-repositories.com/f/development-tools-productivity/project-scaffolding-config-code-generation/project-scaffolding-configuration/project-scaffolding/desktop-ui-project-scaffolders.md) — Generates pre-configured project structures and build configurations specifically for desktop UI applications. ([source](https://simulatedgreg.gitbooks.io/electron-vue/content/en/))
- [Unified Build Pipelines](https://awesome-repositories.com/f/development-tools-productivity/unified-build-pipelines.md) — Coordinates compilation, linting, and packaging through a unified build pipeline for both desktop and web targets.
- [Frontend Development Environments](https://awesome-repositories.com/f/development-tools-productivity/frontend-development-environments.md) — Provides tooling and configuration for a frontend development workflow featuring hot reloading and state management.
- [Hot Code Reloading](https://awesome-repositories.com/f/development-tools-productivity/hot-code-reloading.md) — Updates the user interface and restarts the main process in real-time to reflect code changes without manual restarts. ([source](https://cdn.jsdelivr.net/gh/simulatedgreg/electron-vue@master/README.md))
- [Hot Module Replacement](https://awesome-repositories.com/f/development-tools-productivity/platforms-runtimes-language-services/hot-module-replacement.md) — Updates application modules in real-time during development to refresh the UI without requiring a full restart.
- [Module Bundling](https://awesome-repositories.com/f/development-tools-productivity/source-bundling/module-bundling.md) — Bundles JavaScript and CSS assets into optimized files for deployment to desktop and web environments.

### DevOps & Infrastructure

- [Cross-Platform Packaging Tools](https://awesome-repositories.com/f/devops-infrastructure/cross-platform-packaging-tools.md) — Bundles application runtimes and assets into native executables for multiple desktop operating systems.
- [Desktop Packaging](https://awesome-repositories.com/f/devops-infrastructure/desktop-packaging.md) — Bundles the web-based application into native desktop executables for cross-platform distribution. ([source](https://simulatedgreg.gitbooks.io/electron-vue/content/ja/))
- [Binary Package Generators](https://awesome-repositories.com/f/devops-infrastructure/distribution-packaging/software-distribution/compiled-binaries/binary-packaging-scripts/binary-package-generators.md) — Bundles the web application and runtime into OS-specific executable installers for production distribution.
- [Package Distribution](https://awesome-repositories.com/f/devops-infrastructure/package-distribution.md) — Bundles the application and its dependencies into portable executable formats for simplified distribution. ([source](https://simulatedgreg.gitbooks.io/electron-vue/content/ko/))

### Software Engineering & Architecture

- [Desktop Project Scaffolders](https://awesome-repositories.com/f/software-engineering-architecture/application-bootstrapping/desktop-project-scaffolders.md) — Generates a pre-configured project structure and dependency file to accelerate the setup of desktop software. ([source](https://simulatedgreg.gitbooks.io/electron-vue/content/pt_BR/))
- [Project Scaffolding](https://awesome-repositories.com/f/software-engineering-architecture/application-bootstrapping/project-scaffolding.md) — Generates a project structure and development environment using a CLI and a single configuration file. ([source](https://simulatedgreg.gitbooks.io/electron-vue/content/ko/))
- [Electron Project Scaffolders](https://awesome-repositories.com/f/software-engineering-architecture/project-bootstrapping-tools/electron-project-scaffolders.md) — Generates a pre-configured project structure and scaffolding using a unified build system for desktop software. ([source](https://cdn.jsdelivr.net/gh/simulatedgreg/electron-vue@master/README.md))
- [Process Separation](https://awesome-repositories.com/f/software-engineering-architecture/software-architecture/architectural-patterns/backend-enterprise-systems/backend-and-service-orchestration/main-process-management/process-separation.md) — Implements a strict separation between background system logic and the frontend UI to adhere to the Chromium security model.

### Data & Databases

- [Application State Management](https://awesome-repositories.com/f/data-databases/application-state-management.md) — Coordinates data flow and navigation by integrating routing and state management plugins. ([source](https://simulatedgreg.gitbooks.io/electron-vue/content/ko/))

### System Administration & Monitoring

- [Background Process Debuggers](https://awesome-repositories.com/f/system-administration-monitoring/background-process-management/background-process-debuggers.md) — Provides capabilities to attach debuggers to the Electron background process to troubleshoot logic and state. ([source](https://simulatedgreg.gitbooks.io/electron-vue/content/en/faqs.html))

### Testing & Quality Assurance

- [End-to-End Testing](https://awesome-repositories.com/f/testing-quality-assurance/software-testing/e2e-integration-testing/end-to-end-testing.md) — Executes automated suites that simulate complete user workflows to verify system-wide functional correctness. ([source](https://cdn.jsdelivr.net/gh/simulatedgreg/electron-vue@master/README.md))
- [Integrated Testing Suites](https://awesome-repositories.com/f/testing-quality-assurance/software-testing/testing-frameworks/end-to-end-testing-suites/integrated-testing-suites.md) — Ships an integrated test runner that executes both unit and end-to-end test suites to validate workflows.
- [Unit Testing](https://awesome-repositories.com/f/testing-quality-assurance/software-testing/testing-frameworks/unit/unit-testing.md) — Implements unit testing to verify the smallest testable parts of the application in isolation. ([source](https://simulatedgreg.gitbooks.io/electron-vue/content/en/npm_scripts.html))