{"id":15086222,"url":"https://github.com/simulatedgreg/electron-vue","last_synced_at":"2025-10-05T17:31:22.047Z","repository":{"id":37380917,"uuid":"58616946","full_name":"SimulatedGREG/electron-vue","owner":"SimulatedGREG","description":"An Electron \u0026 Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.","archived":true,"fork":false,"pushed_at":"2022-01-14T15:11:42.000Z","size":5927,"stargazers_count":15472,"open_issues_count":282,"forks_count":1546,"subscribers_count":251,"default_branch":"master","last_synced_at":"2024-10-28T10:07:57.347Z","etag":null,"topics":["babel","boilerplate","documentation","electron","electron-builder","electron-packager","end-to-end-testing","es6","unit-testing","vue","vue-cli","webpack"],"latest_commit_sha":null,"homepage":"https://simulatedgreg.gitbooks.io/electron-vue/content/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SimulatedGREG.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-05-12T07:08:12.000Z","updated_at":"2024-10-26T20:30:13.000Z","dependencies_parsed_at":"2022-07-11T03:00:50.004Z","dependency_job_id":null,"html_url":"https://github.com/SimulatedGREG/electron-vue","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimulatedGREG%2Felectron-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimulatedGREG%2Felectron-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimulatedGREG%2Felectron-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimulatedGREG%2Felectron-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SimulatedGREG","download_url":"https://codeload.github.com/SimulatedGREG/electron-vue/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235424833,"owners_count":18988299,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["babel","boilerplate","documentation","electron","electron-builder","electron-packager","end-to-end-testing","es6","unit-testing","vue","vue-cli","webpack"],"created_at":"2024-09-25T07:58:59.141Z","updated_at":"2025-10-05T17:31:16.692Z","avatar_url":"https://github.com/SimulatedGREG.png","language":"JavaScript","readme":"\u003cdiv align=\"center\"\u003e\n\u003cbr\u003e\n\u003cimg width=\"500\" src=\"/docs/images/logo.png\" alt=\"electron-vue\"\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003c/div\u003e\n\n\u003cp align=\"center\" color=\"#6a737d\"\u003e\nThe boilerplate for making electron applications built with vue (pretty much what it sounds like).\n\u003c/p\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![forthebadge](http://forthebadge.com/images/badges/built-with-love.svg)](http://forthebadge.com) [![forthebadge](http://forthebadge.com/images/badges/uses-js.svg)](http://forthebadge.com) [![forthebadge](http://forthebadge.com/images/badges/makes-people-smile.svg)](http://forthebadge.com)\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![js-standard-style](https://cdn.rawgit.com/feross/standard/master/badge.svg)](https://github.com/feross/standard)\n\n[![Build Status](https://semaphoreci.com/api/v1/simulatedgreg/electron-vue/branches/master/badge.svg)](https://semaphoreci.com/simulatedgreg/electron-vue)\n\u003c/div\u003e\n\n## Overview\n\nThe aim of this project is to remove the need of manually setting up electron apps using vue. electron-vue takes advantage of `vue-cli` for scaffolding, `webpack` with `vue-loader`, `electron-packager` or `electron-builder`, and some of the most used plugins like `vue-router`, `vuex`, and so much more.\n\n#### Check out the detailed documentation [here](https://simulatedgreg.gitbooks.io/electron-vue/content/index.html).\n\nThings you'll find in this boilerplate...\n\n* Basic project structure with a **single** `package.json` setup\n* Detailed [documentation](https://simulatedgreg.gitbooks.io/electron-vue/content/)\n* Project scaffolding using [vue-cli](https://github.com/vuejs/vue-cli)\n* Ready to use Vue plugins \\([axios](https://github.com/mzabriskie/axios), [vue-electron](https://github.com/SimulatedGREG/vue-electron), [vue-router](https://github.com/vuejs/vue-router), [vuex](https://github.com/vuejs/vuex)\\)\\*\n* Installed [vue-devtools](https://github.com/vuejs/vue-devtools) and [devtron](https://github.com/electron/devtron) tools for development\n* Ability to easily package your electron app using [electron-packager](https://github.com/electron-userland/electron-packager) or [electron-builder](https://github.com/electron-userland/electron-builder)\\*\n* `appveyor.yml` and `.travis.yml` configurations for automated deployments with [electron-builder](https://github.com/electron-userland/electron-builder)\\*\n* Ability to produce web output for browsers\n* Handy [NPM scripts](https://simulatedgreg.gitbooks.io/electron-vue/content/en/npm_scripts.html)\n* Use of [webpack](https://github.com/webpack/webpack) and [vue-loader](https://github.com/vuejs/vue-loader) with Hot Module Replacement\n* Process restarting when working in main process\n* HTML/CSS/JS pre-processor support with [vue-loader](https://github.com/vuejs/vue-loader/)\n* ES6 with [`stage-0`](https://babeljs.io/docs/plugins/preset-stage-0/) by default\n* Use of [`babili`](https://github.com/babel/babili) to remove the need of transpiling completely down to ES5\n* ESLint \\(with support for [`standard`](https://github.com/feross/standard) and [`airbnb-base`](https://github.com/airbnb/javascript)\\)\\*\n* Unit Testing \\(with Karma + Mocha\\)\\*\n* End-to-end Testing \\(with Spectron + Mocha\\)\\*\n\n\\*Customizable during vue-cli scaffolding\n\n### Getting Started\n\nThis boilerplate was built as a template for [vue-cli](https://github.com/vuejs/vue-cli) and includes options to customize your final scaffolded app. The use of `node@^7` or higher required. electron-vue also officially recommends the [`yarn`](https://yarnpkg.org) package manager as it handles dependencies much better and can help reduce final build size with `yarn clean`.\n\n```bash\n# Install vue-cli and scaffold boilerplate\nnpm install -g vue-cli\nvue init simulatedgreg/electron-vue my-project\n\n# Install dependencies and run your app\ncd my-project\nyarn # or npm install\nyarn run dev # or npm run dev\n```\n\n##### Are you a Windows User?\n\nMake sure to check out [**A Note for Windows Users**](https://simulatedgreg.gitbooks.io/electron-vue/content/en/getting_started.html#a-note-for-windows-users) to make sure you have all the necessary build tools needed for electron and other dependencies.\n\n##### Wanting to use Vue 1?\n\nJust point to the `1.0` branch. Please note that electron-vue has officially deprecated the usage of `vue@^1`, so project structure, features, and documentation will reflect those changes ([**legacy documentation**](https://github.com/SimulatedGREG/electron-vue/tree/1.0/docs)).\n\n```bash\nvue init simulatedgreg/electron-vue#1.0 my-project\n```\n\n### Next Steps\n\nMake sure to take a look at the [documentation](https://simulatedgreg.gitbooks.io/electron-vue/content/). Here you will find useful information about configuration, project structure, and building your app. There's also a handy [FAQs](https://simulatedgreg.gitbooks.io/electron-vue/content/en/faqs.html) section.\n\n\n## Made with electron-vue\nTake a look at some of the amazing projects built with electron-vue. Want to have your own project listed? Feel free add your project to the bottom of the list below then submit a pull request.\n\n* [**Surfbird**](https://github.com/surfbirdapp/surfbird): A Twitter client built on Electron and Vue\n* [**Lulumi-browser**](https://github.com/qazbnm456/lulumi-browser): Lulumi-browser is a light weight browser coded with Vue.js 2 and Electron\n* [**Space-Snake**](https://github.com/ilyagru/Space-Snake): A Desktop game built with Electron and Vue.js.\n* [**Forrest**](https://github.com/stefanjudis/forrest): An npm scripts desktop client\n* [**miikun**](https://github.com/hiro0218/miikun): A Simple Markdown Editor\n* [**Dakika**](https://github.com/raj347/Dakika): A minute taking application that makes writing minutes a breeze\n* [**Dynamoc**](https://github.com/ieiayaobb/dynamoc): Dynamoc is a GUI client for dynamodb-local, dynalite and AWS dynamodb\n* [**Dockeron**](https://github.com/dockeron/dockeron): A dockeron project, built on Electron + Vue.js for Docker\n* [**Easysubs**](https://github.com/matiastucci/easysubs): Download subtitles in a very fast and simple way\n* [**adminScheduler**](https://github.com/danieltoorani/adminScheduler): An application leveraging electron for cross platform compatibility, Vue.js for lightning fast UI and full-calendar.io to deliver a premium calendar interface.\n* [**Backlog**](https://github.com/czytelny/backlog): Simple app for storing TODOs, ideas or backlog items. You can organize them with boards. Sleek flow. Built with Electron + Vue.js + iView\n* [**Opshell**](https://github.com/ricktbaker/opshell): Ops tool to make life easier working with AWS instances.\n* [**GitHoard**](https://github.com/jojobyte/githoard): Hoard git repositories with ease.\n* [**Data-curator**](https://github.com/ODIQueensland/data-curator): Share usable open data.\n* [**Bookmark**](https://github.com/mrgodhani/bookmark): Desktop app to manage bookmarked links using Atom Electron and Vue.js\n* [**Uber Run**](https://github.com/break-enter/uberrun): Simple automation desktop app to download and organize your tax invoices from Uber.\n* [**Apollo**](https://github.com/helados/Apollo): Convert YouTube videos (and more) to .mp3 files\n* [**Netsix**](https://github.com/pulsardev/netsix): Share videos with your friends in a real peer-to-peer manner using WebRTC.\n* [**code-notes**](https://github.com/lauthieb/code-notes): A simple code snippet manager for developers built with Electron \u0026 Vue.js.\n* [**Pomotroid**](https://github.com/Splode/pomotroid): A simple and visually-pleasing Pomodoro timer\n* [**MarkText**](https://github.com/marktext/marktext): Mark Text is a realtime Markdown Editor.\n* [**vue-design**](https://github.com/L-Chris/vue-design): the best website visualization builder with Vue and Electron\n* [**ImapSync Client**](https://github.com/ridaamirini/ImapSyncClient): It's only an Internet Message Access Protocol Synchronization Client\n* [**Hve**](https://github.com/hellohve/hve): A static blog client tool you may like.\n* [**MarkdownFox**](https://github.com/lx4r/markdownfox): A simple Markdown viewer with auto update and PDF export.\n* [**Smart DOCSE**](https://github.com/shirshak55/smart-docse): A generic app which ability to display news, contact etc.\n* [**Cleaver**](https://getcleaver.com/): Cleaver helps you provision servers ready for deploying your web apps with zero downtime - for free!\n* [**XPanel**](https://github.com/krustnic/xpanel): XAMPP control panel alternative built with Electron \u0026 Vue.js\n* [**Hexo-Client**](https://github.com/gaoyoubo/hexo-client): A hexo client powered by electron-vue.\n* [**YT.Downloader**](https://github.com/myazarc/ytdownloader): Youtube Video Downloader\u0026Converter and Play Music, built with Electron \u0026 Vue.js.\n* [**BMFont-JS**](https://github.com/elisaday/bmfont-js): BMFont-js is a bitmap font generator, built with Electron \u0026 Vue.js.\n* [**YouGet**](https://github.com/ahmetzeybek/YouGet): YouGet - YouTube Video/Playlist Downloader/Cutter - MP3 Converter\n* [**Asar UI**](https://github.com/myazarc/AsarUI): UI for Asar Pack, built with Electron \u0026 Vue.js.\n* [**Leeze**](https://github.com/dayinji/Leeze): A Receipt Record App, built with Electron \u0026 Vue.js.\n* [**IntelTracker**](https://github.com/hectate/inteltracker): An intel item tracker for players/speedrunners of NOLF.\n* [**Metube**](https://github.com/kimyearho/MeTube): A program to manage your simple YouTube music player and enjoy your music\n* [**it-tools**](https://github.com/TsaiKoga/it-tools): A programing helper for developers built with Electron \u0026 Vue.js. \n* [**GifsWorld**](https://github.com/dj0nny/GifsWorld): Gifs finder built with Vue and Electron\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimulatedgreg%2Felectron-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimulatedgreg%2Felectron-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimulatedgreg%2Felectron-vue/lists"}