Vue 3 with Electron - Building a desktop applications with Vue and Electron

Опубликовано: 04 Октябрь 2024
на канале: Justin Brooks
56,225
1.1k

Today's video is a practical guide for building desktop apps with Vue 3 and Electron. We will be building a simple file explorer that allows users to view file sizes, navigate inside directories and apply a simple file search operation. Todo this, we will walk through the process of setting up an electron app with Vue, and look at how electron interactions with the native operating system.


✨ SOCIAL ✨
Discord -  / discord  
Twitter -   / jsbroks  


⚡ RESOURCES ⚡
Github - https://github.com/codingwithjustin/v...
Electron - https://www.electronjs.org/
Vue - https://vuejs.org/
Vue Electron Cli Plugin - https://github.com/nklayman/vue-cli-p...


⭐ TIMESTAMPS ⭐
0:00 - Intro
0:44 - Project Setup
1:59 - Folder Structure
2:40 - Interprocess Communication
4:01 - Using node modules in Vue
4:51 - Logic for reading files
7:06 - File viewer component
8:10 - Multiplatform build
8:53 - Conclusion