Document to guide the Angular webapp setup.
- Node >=
10.6.0 - NPM >=
6.2.0
If you do not have the Angular CLI installed in your machine yet, do so with this command:
$ npm install -g @angular/cli
Install the webapp's dependencies
From the project's root, cd into assets/fe
When you are already in the Angular app's project directory, install the NPM packages by running:
$ npm install
After all dependencies are installed, you can now start watching for file changes in the webapp's source code
You can do this in the assets/fe folder with the command:
$ ng build --watch
Step 2 and 3 have utility commands created in a Makefile. You can skip cding into the webapp directory and issue npm commands by using the shortcut commands in the Makefile.
From the project's root directory:
To install npm packages:
$ make webapp-install
To watch for code changes:
$ make webapp-watch
$ ng generate component [name]
[https://github.com/angular/angular-cli/wiki/generate-component] (https://github.com/angular/angular-cli/wiki/generate-component)
The app's root is the assets/fe/src/ directory.
Everything under this directory can be imported in the root fashion.
Examples:
Module:
assets/fe/src/app/components/containers/scrumboard/scrumboard.component
Import this module:
import { ScrumboardComponent } from app/components/containers/scrumboard/scrumboard.component