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.

⚡ RESOURCES ⚡
Github - https://github.com/codingwithjustin/vue3-electron
Electron - https://www.electronjs.org/
Vue - https://vuejs.org/
Vue Electron Cli Plugin - https://github.com/nklayman/vue-cli-plugin-electron-builder

⭐ 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

#vue #electron #javascript #web-development