Home / Companies / LogRocket / Blog / Post Details
Content Deep Dive

Building an app with Electron and Vue

Blog post from LogRocket

Post Details
Company
Date Published
Author
Elijah Asaolu
Word Count
1,632
Language
-
Hacker News Points
-
Summary

JavaScript is a versatile programming language widely used for various applications, including frontend development, mobile apps, APIs, backend infrastructure, and desktop applications. Electron, a standout framework for creating desktop apps with JavaScript, allows developers to build cross-platform applications using web technologies like HTML, CSS, and JavaScript. This framework combines the Chromium engine with Node.js to run codebases as standalone desktop programs, with popular apps like Slack and VS Code being notable examples. Electron's advantages include a single codebase for multiple operating systems, ease of use for those familiar with web technologies, and a large community, though it has downsides such as higher resource consumption and larger app sizes. The text explores using Vue with Electron by leveraging the Vue CLI plugin, Electron Builder, to create a sample desktop application that displays trending movies from the TMDB API. It provides guidance on setting up the development environment, structuring the project, and implementing the necessary components and methods to fetch and display movie data. The article also touches on customizing the app icon and compiling the application for different platforms, offering a comprehensive overview for developers interested in building cross-platform desktop applications using Vue and Electron.