Introduction

Bootstrap your project with Angular 4 and Electron (Typescript + SASS)

Currently runs with:

• Angular v4.0.1
• Angular-CLI v1.0.0
• Electron v1.6.2

With this sample, you can :

• Run your app in a local development environment with Electron & Hot reload
• Package your app into an executable file for Linux, Windows & Mac

Getting Started

Clone this repository locally :

git clone https://github.com/maximegris/angular-electron.git

Install dependencies with your favorite dependencies manager (npm or yarn) :

npm install

If you want to use Angular-cli to generate components, you must install @angular/cli in the global context.
Please follow Angular-cli documentation if you had installed an previous version of angular-cli.

npm install -g @angular/cli

To build for development

in a terminal window -> npm start
in another terminal window -> npm run electron:serve

Voila! You have your Angular + Electron app in a local development environment with hot reload !

The code for this is managed at main.js. In this sample, the app runs with a simple Electron window and "Developer Tools" is open.
You can desactivate "Developer Tools" by commenting win.webContents.openDevTools(); in main.js.

To build for production

• npm run electron:dist

You can find your built files in the /dist directory.

Included Commands

• npm run electron:linux - builds your application and creates an app consumable on linux systems.
• npm run electron:windows - On a Windows OS, builds your application and creates an app consumable in windows 32/64 bit systems.
• npm run electron:mac - On a MAC OS, builds your application and generates a .app file of your application that can be run on Mac.

Your application is optimised. There are only the files of /dist folder in the generated executable.