It will be virtually identical to the official Electron First App tutorial and the Electron Quickstart repository.Įlectron has two separate processes: a main process, which is Electron itself, and a render process, which is essentially a web page that Electron loads in a Chromium-based browser. Initialize an empty Electron projectįirst, we need a vanilla Electron project. We’ll start with a basic Electron project and progressively build it into an enterprise-ready solution. Here we will explore an opinionated approach to setting up Electron: TypeScript, React, and Webpack. We’re long-time users of Electron at SitePen and have previously talked about Setting up Electron with Dojo.

It is cross-platform and is built using the same web technologies that you probably already know. It will open up an Electron window which will render your app along with Developer Tools opened side by side.If you need to build a desktop application today, Electron is an increasingly common choice.

This will add Electron mode automatically, if it is missing. $ quasar dev -m electron '-' -no-sandbox -disable-setuid-sandbox $ quasar dev -m electron -no-sandbox -disable-setuid-sandbox # passing extra parameters and/or options to # underlying 'electron' executable: If you want to jump right in and start developing, you can skip the previous step with “quasar mode” command and issue: $ quasar dev -m electron Please note that these are not problems with Quasar, but they are related to NPM and Windows.

Set-ExecutionPolicy Bypass -Scope Process -Force iex ((New-Object ).DownloadString(‘’))Īnd then run choco upgrade python2 visualstudio2017-workload-vctools.Īt this point things should successfully install, but if not then you will need a clean installation of Visual Studio. In Powershell.exe (Run as Admin) npm install -global windows-build-tools seems to fail at the moment with errors pointing to python2 and vctools.

Npm create electron app