How to Set Up ELECTRON in Vite and Vue 3 @LearnVue
How to Set Up ELECTRON in Vite and Vue 3  @LearnVue
Uploaded May 2021 | Updated September 2026, 43 minutes ago
In today's video we're going to taking a look at how to build a Vue 3 desktop application from your Vite app.

To do this, we're going to be using Electron - one of the most popular frameworks for building cross-platform desktop apps with Javascript.

So many popular apps are using Electron like VSCode, Slack, Twitch, and a ton more.

This is an insanely simple process to get set up. If you want to see more Vite and Electron tutorials (and maybe even a full build along series), let me know in the comments!!

Happy coding,
Matt

//

DOCS
electronjs.org/docs/tutorial/quick-start#package-and-distribute-the-application

VITE TUTORIAL
youtube.com/watch?v=JLt3GrDZDvQ

FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
learnvue.co/vue-3-essentials-cheatsheet

follow me on twitter:

twitter.com/mattmaribojoc


🚨 Like quick Vue lessons like these? Check out 800+ lessons over on Vue School - go.learnvue.co/vueschool

INTRO
Daily (Prod. by Lukrembo)
How to Set Up ELECTRON in Vite and Vue 3What You Didnt Know About Vue Scoped StylesWhen to Use Ref vs. Reactive // Vue TipsA Dark Mode Switch with Vue and CSS TransitionsVue Slots SimplifiedThe FORBIDDEN Vue Code #shorts #javascriptI ripped off Nuxt for the 1043th timeI didnt know this Vue pattern existed (but I LOVE it)typescript just got 10x faster ???Recreating This BEAUTIFUL Nuxt EffectTwo Ways to Write Cleaner ComponentsVitest Simplified
LearnVue |

How to Set Up ELECTRON in Vite and Vue 3

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER