Requirements
Node.js
For this project the version of node.js used is v8.10.0 (all downloadable links)
Angular CLI
Download and install globally the Angular CLI
npm install -g @angular/cli@1.7.3
Loopback
Install Loopback using the following command:
npm install -g loopback-cli@4.1.0
Fireloop
Install Fireloop:
npm install -g @mean-expert/fireloop@1.0.0-beta.2.7
Initializing a new project
fireloop
The first time it will geerate the Loopback server.
fireloop
The second time it will generate the angular project
Installing Angular Material (if you want to use material)
Step 1 and 2, Step 3 is a little different as we create a specific module that import every components we need from Material
Configure Angular to use scss
When generating project
ng new my-app --style=scss
When project already exists
ng set defaults.styleExt scss
then modify every extension .css to .scss
Use Bootstrap Grid
Download the Boostrap sources (not compiled files). Create a "scss" folder at /src/. Put the Boostrap sources inside it Clean what you don't need: keep bootstrap-grid.scss with the files & folders imported:
@import "functions";
@import "variables";
@import "mixins/breakpoints";
@import "mixins/grid-framework";
@import "mixins/grid";
@import "grid";
@import "utilities/display";
@import "utilities/flex";
Import the bootrap-grid.scss in your style.scss as following:
@import '~scss/bootstrap-grid.scss';