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
Clone this repository locally :
git clone https://github.com/Mackignacio/electron-angular-quickstart.gitInstall dependencies with npm :
npm installInstall rimraf globally with npm :
npm install rimraf -gInstall Angular with npm :
- If you have no Angular installed in your machine follow this command.
npm install -g @angular/cli@latestng 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.
- 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.