docs(readme): readme init
This commit is contained in:
87
README.md
87
README.md
@@ -1,27 +1,86 @@
|
||||
# ElectronAngularQuickStart
|
||||
## Overview
|
||||
|
||||
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.1.
|
||||
Depending on your need, putting up [Electron](https://www.electronjs.org/ "Electron") and [Angular](https://angular.io/ "Angular") may require a lot of setup. Fortunately, this simple project will help you **go fast** and directly start building desktop apps.
|
||||
|
||||
## Development server
|
||||
> Because building a desktop app with Electron and Angular shouldn't be difficult.
|
||||
|
||||
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
|
||||
### Main features :
|
||||
|
||||
## Code scaffolding
|
||||
- This project is based on last [Angular](https://angular.io/ "Angular") version with required dependencies for [Electron](https://www.electronjs.org/ "Electron").
|
||||
- This project is also written in [Typescript](https://www.typescriptlang.org/) and includes test samples ([Jasmine](https://jasmine.github.io/) and [Spectron](https://www.electronjs.org/spectron)).
|
||||
- The app is runnable `on desktop` (with **live-reload** in `development mode`).
|
||||
- The app is also runnable `on browser` but **without Electron features**.
|
||||
- You are granted a minimal size for your app thanks to `electron-webpack`.
|
||||
- You can also generate your platform packages thanks to `electron-builder`.
|
||||
|
||||
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
|
||||
### Project structure :
|
||||
|
||||
## Build
|
||||
```
|
||||
electron-angular-quick-start
|
||||
├── README.md
|
||||
├── angular.json
|
||||
├── browserslist
|
||||
├── e2e
|
||||
│ ├── angular # Angular end-to-end test directory
|
||||
│ └── electron # Electron end-to-end test directory
|
||||
├── electron-builder.json
|
||||
├── electron-webpack.json
|
||||
├── karma.conf.js
|
||||
├── package.json
|
||||
├── src
|
||||
│ ├── angular # Angular source directory (web part)
|
||||
│ ├── electron # Electron source directory (desktop part)
|
||||
│ └── shared # Shared source directory (common part)
|
||||
├── tsconfig.app.json
|
||||
├── tsconfig.json
|
||||
├── tsconfig.spec.json
|
||||
├── tslint.json
|
||||
└── yarn.lock
|
||||
```
|
||||
|
||||
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
|
||||
## Getting started
|
||||
|
||||
## Running unit tests
|
||||
To clone and run this repository, you'll need [Git](https://git-scm.com), [Node.js](https://nodejs.org/en/download/), [Yarn](https://classic.yarnpkg.com/fr/docs/install) and [Angular-CLI](https://angular.io/cli) installed on your computer. And then from your command line:
|
||||
|
||||
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
|
||||
> [Yarn](http://yarnpkg.com/) is strongly recommended instead of npm (see this [issue](https://github.com/electron-userland/electron-builder/issues/1147#issuecomment-276284477)).
|
||||
|
||||
## Running end-to-end tests
|
||||
```bash
|
||||
# First, clone this repository
|
||||
git clone https://github.com/sourcygen/electron-angular-quick-start.git
|
||||
|
||||
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
|
||||
# Then go into the repository
|
||||
cd electron-angular-quick-start
|
||||
|
||||
## Further help
|
||||
# After that, install dependencies
|
||||
yarn install
|
||||
|
||||
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
|
||||
# And finally run the app (dev mode)
|
||||
yarn start
|
||||
```
|
||||
|
||||
## How to use
|
||||
|
||||
| Command | Description |
|
||||
| ------------------- | ----------------------------------------- |
|
||||
| `yarn install` | Install dependencies |
|
||||
| `yarn start` | Run the app on desktop (dev mode) |
|
||||
| `yarn ng:serve` | Run the app on browser (dev mode) |
|
||||
| `yarn e2e` | Run glogbal end-to-end tests |
|
||||
| `yarn ng:e2e` | Run **angular** end-to-end tests |
|
||||
| `yarn electron:e2e` | Run **electron** end-to-end tests |
|
||||
| `yarn build` | Build artifact content |
|
||||
| `yarn package` | Generate platform packages (dist/release) |
|
||||
|
||||
## Resources
|
||||
|
||||
### Electron
|
||||
|
||||
- [electronjs.org/docs](https://electronjs.org/docs) - Electron's documentation
|
||||
- [electron/simple-samples](https://github.com/electron/simple-samples) - Small applications with ideas to take further
|
||||
- [electron/electron-api-demos](https://github.com/electron/electron-api-demos) - Sample app that teaches you how to use Electron
|
||||
|
||||
### Angular
|
||||
|
||||
- [angular.io/start](https://angular.io/start) - Getting started with Angular
|
||||
- [angular.io/docs](https://angular.io/docs) - Angular's documentation
|
||||
- [cli.angular.io](https://cli.angular.io/) - Angular CLI documentation
|
||||
|
||||
Reference in New Issue
Block a user