Other examples of common desktop applications are web browsers, Visual Studio Code, and Adobe Photoshop. They are applications that perform specific tasks and are installed solely for this purpose.Īn example of a desktop application is your Microsoft Word, which is used for creating and typing documents. Feel free to clone and play around with it! What Are Desktop Applications?ĭesktop applications are applications that run stand-alone in desktop or laptop computers. All of the code used in this tutorial can be found on my GitHub. Note: Basic knowledge of Vue.js and the Vue CLI is required to follow this tutorial. In this tutorial, we’re going to learn how to build desktop applications using Electron, we’re also going to learn how to use Vuejs to build Electron applications. You can see it as a variant of the Node.js runtime that is focused on desktop applications instead of web servers. This has led to the ability to use JavaScript for a whole lot more than just web applications, and one of which is building desktop applications using Electron.js.Įlectron enables you to create desktop applications with pure JavaScript by providing a runtime with rich native (operating system) APIs. JavaScript used to be known as the language for building websites and web applications especially with some of its frameworks such as React, Vue, and Angular but over time (as early as 2009), it became possible for JavaScript to run outside the browser with the emergence of Node.js, an open-source, cross-platform, JavaScript runtime environment that executes JavaScript code outside a web browser. In this tutorial, Timi Omoyeni explains what you need to keep in mind when building a desktop application with Vue.js using the Vue CLI Plugin Electron Builder.

It allows for the development of desktop GUI applications using web technologies. Electron is an open-source software framework developed and maintained by GitHub.

Electron install