https://github.com/svtslv/angular-electron-starter
Angular electron starter kit with minimum changes
https://github.com/svtslv/angular-electron-starter
angular electron starter-kit
Last synced: 12 months ago
JSON representation
Angular electron starter kit with minimum changes
- Host: GitHub
- URL: https://github.com/svtslv/angular-electron-starter
- Owner: svtslv
- Created: 2020-03-09T18:46:02.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-01T02:38:51.000Z (about 3 years ago)
- Last Synced: 2023-03-04T09:44:17.760Z (about 3 years ago)
- Topics: angular, electron, starter-kit
- Language: TypeScript
- Homepage:
- Size: 1.33 MB
- Stars: 3
- Watchers: 2
- Forks: 1
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular Electron Starter
Angular electron starter kit with minimum changes
## How to use
```sh
git clone https://github.com/svtslv/angular-electron-starter
```
```sh
cd angular-electron-starter
```
```sh
npm install
```
```sh
npm run electron:start
```
## Manually
### Create new angular app
```sh
ng new my-new-project
```
```sh
cd my-new-project
```
### Add scripts to package.json
```
"postinstall": "electron-builder install-app-deps",
"electron:tsc": "tsc electron-main.ts",
"electron:run": "electron ./electron-main.js",
"electron:build": "npm run electron:tsc && ng build --output-path=dist --base-href='' --optimization=true",
"electron:start": "concurrently 'ng serve' 'wait-on http-get://localhost:4200 && npm run electron:tsc && npm run electron:run -- --serve'",
"electron:builder": "electron-builder --config ./electron-builder.json",
"electron:local": "npm run electron:build -- --prod && npm run electron:run",
"electron:linux": "npm run electron:build -- --prod && npm run electron:builder build -- --linux",
"electron:windows": "npm run electron:build -- --prod && npm run electron:builder build -- --windows",
"electron:mac": "npm run electron:build -- --prod && npm run electron:builder build -- --mac"
```
### Update angular.json
```
projects.projectName.architect.build.builder: "@angular-builders/custom-webpack:browser"
projects.projectName.architect.build.options.customWebpackConfig: { "path": "./electron-webpack.js" }
projects.projectName.architect.serve.builder: "@angular-builders/custom-webpack:dev-server"
projects.projectName.architect.serve.test: "@angular-builders/custom-webpack:karma"
```
### Install dependencies
```sh
npm install --save-dev electron electron-builder @angular-builders/custom-webpack wait-on concurrently
```
### Copy files
```
electron-main.ts
electron-webpack.js
electron-builder.json
```
### Add icons to /src
```
favicon.ico
favicon.icns
favicon.png
favicon.256x256.png
favicon.512x512.png
```
### Update .gitignore
```
/release
```
### Star it and enjoy!
## License
MIT