Skip to content
Snippets Groups Projects
Commit d61a6744 authored by FORESTIER Fabien's avatar FORESTIER Fabien
Browse files

Create readme file

parents
No related branches found
No related tags found
No related merge requests found
## Requirements
### Node.js
For this project the version of node.js used is [v8.10.0](https://nodejs.org/dist/v8.10.0/) (all downloadable links)
### Angular CLI
Download and install globally the [Angular CLI](https://cli.angular.io/)
`npm install -g @angular/cli@1.7.3`
### Loopback
Install [Loopback](https://loopback.io/) using the following command:
`npm install -g loopback-cli@4.1.0`
### Fireloop
Install [Fireloop](https://github.com/mean-expert-official/fireloop.io):
`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
[HowTo](https://material.angular.io/guide/getting-started)
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](https://getbootstrap.com/docs/4.0/getting-started/download/#source-files) (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
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment