Chapter 4: Building a Photo Management Desktop App

So far, we have only built web applications with Vue 3. In this chapter, we will build a photo management desktop app with the Vue Electron plugin. We will learn how to easily build cross-platform desktop apps with Electron and Vue. This is useful because we can build cross-platform desktop apps without much additional effort. This will save us time and get us good results.

In this chapter, we will focus on the following topics:

  • Understanding components
  • Creating a project with Vue CLI Plugin Electron Builder
  • Adding a photo submission UI
  • Adding a photo display
  • Adding routing to the Photo Manager app
  • Using our app with photo management APIs

Technical requirements

To understand this chapter, ...

Get Vue.js 3 By Example now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.