Electron Angular Quickstart

This is a project for creating your first electron desktop app. You can use this to easily setup your basic electron + angular project files for your development.

Currently runs with:

Angular CLI v7.1.3
Angular Material v7.1.1
Electron v3.0.8
Electron Builder v20.25.0
Electron Reload v1.2.5
TypeScript v3.1.6

With this sample, you can :

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

Getting Started

Clone this repository locally :

git clone https://github.com/Mackignacio/electron-angular-quickstart.git

Install dependencies with npm :

npm install

Install rimraf globally with npm :

npm install rimraf -g

Install Angular with npm :

If you have no Angular installed in your machine follow this command.

npm install -g @angular/cli@latest

ng update @angular/cli && ng update @angular/core && ng update @angular/material

If you had installed a previous version of Angular CLI.

Please follow Angular Update Guide.

Development

in a terminal window -> npm start

Now you can experience a fast way of developing desktop apps using Angular + Electron with hot swaping and hot reloading.

This package includes a basic boiler plate example code for an Electron App using Angular. With this basic example you can develop your app using Angular and package it with Electron window as a desktop App. The Electron codes are managed by main.ts file on your root directory.

Developing with this package make it easy because its enable you to change your code and its automatically updates your Electron app. This package eliminates the repetition of closing and running again of your Electron app on your terminal. You can change codes and see it update to your apps in a couple of seconds.

Versions

Released Versions

Latest Version : v1.2.2
Stable Version : v1.2.0

mackignacio / electron-angular-quickstart Goto Github PK