Bootstrapped from the awesome boilerplate made by Maxime Gris. See the boilerplate here.
Currently runs with:
- Angular v8.0.0
- Electron v5.0.2
- Electron Builder v20.41.0
The goal of this is create a user friendly version of the Dead Link Checker.
For development, it's as simple sa clone,
npm i and
npm start. Otherwise you should be able to download the files you program files that you want from relesaes.
To build for development
- in a terminal window -> npm start
Voila! You can use your Angular + Electron app in a local development environment with hot reload !
The application code is managed by
main.ts. In this sample, the app runs with a simple Angular App (http://localhost:4200) and an Electron window.
The Angular component contains an example of Electron and NodeJS native lib import.
You can disable "Developer Tools" by commenting
||Execute the app in the browser|
||Build the app. Your built files are in the /dist folder.|
||Build the app with Angular aot. Your built files are in the /dist folder.|
||Builds your application and start electron|
||Builds your application and creates an app consumable on linux system|
||On a Windows OS, builds your application and creates an app consumable in windows 32/64 bit systems|
||On a MAC OS, builds your application and generates a
Your application is optimised. Only /dist folder and node dependencies are included in the executable.
You want to use a specific lib (like rxjs) in electron main thread ?
You can do this! Just by importing your library in npm dependencies (not devDependencies) with
npm install --save. It will be loaded by electron during build phase and added to the final package. Then use your library by importing it in
main.ts file. Easy no ?
Maybe you want to execute the application in the browser with hot reload ? You can do it with
npm run ng:serve:web.
Note that you can't use Electron or NodeJS native libraries in this case. Please check
providers/electron.service.ts to watch how conditional import of electron/Native libraries is done.