Why donate
API Explorer
Upgrade Guide
Creating a New Project
The /quasar.config File
Convert q/app-webpack Project
Browser Compatibility
TypeScript Support
Directory Structure
Commands List
CSS Preprocessors
Page Routing with VueRouter
Lazy Loading - Code Splitting
Handling Assets
Boot Files
Prefetch Feature
API Proxying
Handling Vite
Handling import.meta.env
State Management with Pinia
Lint and Format Code
Testing & Auditing
Developing Mobile Apps
Ajax Requests
Opening Dev Server To Public
Quasar CLI with Vite - @quasar/app-vite v3
Installing Electron-specific dependencies

Notice the /src-electron/package.json file in your generated /src-electron folder. The purpose of it is for you to be able to install packages used by the Electron mode directly under this folder (and not pollute the common /src).

/src-electron/package.json

{
  "name": "quasar-electron-app",
  "version": "1.0.0",
  "description": "Quasar Electron Folder",
  "private": true,
  "type": "module",
  "devDependencies": {
    "@electron/packager": "^20.0.0",
    "electron": "^41.3.0"
  }
}

Installing Electron specific packages:


# run in /src-electron for runtime deps (will be embedded to /dist):
pnpm add <deps>

# run in /src-electron for deps used by the build system (eg. "electron")
pnpm add -D <dev-deps>